/* video adaptable (responsive)*/
.video-adaptable {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    position: relative;
}

.video-adaptable iframe,
.video-adaptable object,
.video-adaptable embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* fin YLMUNOZD*/

/*APFOREROW|USABILIDAD */
/*patrón de diseño para colores de enlaces*/
a:link {
    text-decoration: none;
    cursor: pointer;
    color: #486995;
    line-height: 15px;
}

/* visited link */
a:visited {
    color: #8a4a8c;
}

/* mouse over link */
a:hover {
    color: #b6014c;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #df396b;
}

/*excepciones al patrón de diseño para colores de enlaces*/
.mega-nav a {
    color: rgb(86, 86, 86);
}

.article-title a,
.article-title a:hover,
.article-title a:visited {
    color: rgb(86, 86, 86) !important;
}

/*enlaces en tabla con interacción en toda la celda*/
.wideLink a {
    display: block;
    padding: 8px;
}

.wideLink td {
    padding: 0px !important;
}

.wideLink img {
    float: left;
    margin: 10px;
}

/**/

body {
    /*padding-top: 40px;*/
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

.red {
    background: red;
}

.blue {
    color: #cd0c4e;
    font-size: 17px;
}

.blue a {
    color: #07879e;
}

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    /*margin: 20px 0 0 0;*/
    vertical-align: middle;
}

/* ___________ Estilos fuentes ____________________ */

h6,
.h6 {
    font-size: 12px;
    text-align: center;
    color: rgb(86, 86, 86);
    background: rgb(238, 238, 238);
    line-height: 14px;
    font-weight: 500;
    /*padding: 15px 10px;*/
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h5,
.h5 {
    margin: 20px 0;
    font-size: 16px !important;
    font-weight: 500;
    color: #858584 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 15px;
}

h4,
.h4 {
    font-size: 18px;
    color: #cd0c4e;
    margin: 0;
    font-weight: 400;
    line-height: 15px;
    line-height: 1.1;
}

h3,
.h3 {
    font-size: 20px;
    color: #cd0c4e;
    line-height: 18px;
    vertical-align: middle;
}

h2,
.h2 {
    font-size: 22px;
    font-weight: 400;
    color: rgb(182, 1, 76);
    line-height: 21px;
    margin: 0;
}

p {
    font-size: 13px;
    line-height: 1.42857143;
    color: rgb(86, 86, 86);
    margin: 5px 0;
}

code {
    padding: 2px 4px;
    font-size: 13px !important;
    color: rgba(86, 86, 86, 1);
    background-color: transparent;
    /* border-radius: 4px;*/
}

#formulario {
    font-size: 13px !important;
}

/* ___________/Estilos fuentes ____________________ */

/*.newsflash-vert li{
	list-style:none;
}
.newsflash-vert li:before {
content: '\2022';
}*/
.newsflash-item {
    list-style-image: url("../images/arrow.png");
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-danger {
    color: rgb(224, 12, 122);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background: #428bca;
    border-color: transparent;
}

.list-group-item {
    border: none;
}

.list-group {
    box-shadow: none !important;
    margin: 0;
}

a.list-group-item {
    color: rgb(86, 86, 86);
}

a.list-group-item:hover,
a.list-group-item:focus {
    background: #ffffff;
    color: rgb(182, 1, 76);
}

.btn-lg {
    width: 100% !important;
}

.img-lg {
    width: 100%;
    height: auto;
    float: left;
}

.nopadding {
    padding: 2px 0;
    margin: 0 !important;
    /* margin: 0 !important; */
    font-size: 14px;
    line-height: 17px;
}

/* ___________   EXTRA CLASES ____________________ */

.border-bottom {
    border-bottom: 1px solid rgb(153, 153, 153);
}

/*columna de otras publicaciones*/
.newsflash-item {
    width: 100%;
}

.calendario {
    height: 140px;
    float: left;
    background: blue;
}

#flatcal_minical {
    margin-bottom: 30px;
}

.form-inline .form-control {
    width: 100%;
    min-height: 30px;
}

.form-inline .form-group {
    width: 100%;
    padding: 20px 0;
}

.link_temas {}

#flatcal_minical td {
    text-align: center !important;
}

.a2a_dd {
    display: none !important;
}

/*Calendario */

#flatcal_minical .flatcal_month_label {
    color: #b3144f !important;
    padding: 7px 0 !important;
    font-size: 14px !important;
}

#flatcal_minical TD.flatcal_weekdays {
    font-size: 11.5px !important;
}

#flatcal_minical .flatcal_daylink,
#flatcal_minical .flatcal_sundaylink,
#flatcal_minical .flatcal_busylink {
    font-size: 11px !important;
}

#flatcal_minical TD.flatcal_weekdays {
    padding: 8px 0 !important;
}

#flatcal_minical table tr,
#flatcal_minical table td {
    padding: 6px;
}

#flatcal_minical table.flatcal_main_t {
    border: 0px !important;
}

#flatcal_minical {
    border: 1px solid #666666;
    border-radius: 13px;
}

.full_cal_link {
    height: 10px !important;
}

.full_cal_link td {
    border: 0px !important;
}

#flatcal_minical .flatcal_daycell,
#flatcal_minical .flatcal_todaycell,
#flatcal_minical .flatcal_sundaycell,
#flatcal_minical .flatcal_othermonth {
    padding-top: 6px !important;
    padding-bottom: 5px !important;
}

/* ___________   botones ____________________ */

.btn-link {
    line-height: 1;
    color: rgb(86, 86, 86);
    font-size: 90%;
    text-decoration: none;
    margin: 0 0;
    float: left;
    font-weight: 600;
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    color: rgb(224, 12, 122);
    text-decoration: none;
}

.btn-primary {
    background-image: none;
    background: rgb(238, 238, 238);
    color: rgb(86, 86, 86);
    white-space: nowrap;
    border: none;
    margin: 10px 0;
    padding: 15px 10px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    display: block;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.btn-gray {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-gray:hover,
.bt-gray:focus,
.bt-gray:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-info {
    background-image: none;
    background: transparent;
    color: rgb(86, 86, 86);
    white-space: normal;
    border: none;
    margin: 0 0;
    padding: 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    box-shadow: none;
    text-align: left;
    text-shadow: none;
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    background: transparent;
    color: rgb(182, 1, 76);
    text-decoration: none;
    font-weight: 700;
    box-shadow: none;
}

.txt-xs {
    background: #ffffff;
    border-radius: 3px;
    padding: 0;
    margin: 4px 0;
    font-size: 12px;
    box-shadow: none;
    line-height: 15px;
    display: inline-block;
}

a.list-group-item:hover {
    color: rgb(182, 1, 76);
}

a.list-group-item:focus {
    background: rgb(240, 240, 240);
    color: rgb(182, 1, 76);
}

.btn-primary:hover,
.btn-primary:focus {
    color: rgb(182, 1, 76);
    background: #ffffff;
}

small,
.small {
    background: #ffffff;
    color: #b2b2b2;
    padding: 0;
    margin: 8px 0;
    border: 0;
    font-size: 13px;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: none;
    letter-spacing: 1px;
    line-height: 13px !important;
}

/* ___________ Dropdown ____________________ */

.btn-default {
    width: auto;
    min-height: 50px;
    background: rgb(255, 255, 255);
    box-shadow: none;
    text-align: left;
    font-size: 13px;
    padding: 6%;
    display: inline-block;
    border: 1px solid #cccccc;
}

.s2s_contenedor>.btn-default {
    min-height: 0px;
}

.dropdown-toggle>col-xs-12 {
    position: absolute;
}

/* ___________________customize_template_t3 _______________ */
#t3-header {
    padding-top: 0px;
    padding-bottom: 0px;
}

#t3-header .row {
    margin-top: 0px;
}

.t3-sl {
    padding-top: 0px;
    padding-bottom: 0px;
}

.t3-module {
    margin-bottom: 10px;
}

.t3-sidebar,
.t3-content {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

.t3-mainbody {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.breadcrumb {
    background-color: transparent;
    font-size: small;
}

.logo {
    padding: 15px 0px 0px 15px;
    /*margin-bottom: 15px;*/
    /*height: 130px;*/
}

#bar {
    left: 60px;
}

/*.fecha {
  border-top: solid 5px rgb(182,1,76);
  padding: 10px 0px;
}*/

#idioma {
    text-align: right;
}

#search {
    margin-top: 10px;
}

.head-search {
    border-top: solid 5px rgb(182, 1, 76);
    padding: 10px 0px;
    font-size: x-small;
    margin-top: 0px;
}

.head-search .search {
    float: none;
}

.form-control:focus,
.form-control[type="search"]:focus {
    border-color: rgb(182, 1, 76);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(182, 1, 76, 0.6);
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(182,1,76,.6); */
}

.glyphicon {
    top: 0px;
}

/**********REDES SOCIALES********/
#icon-net {
    margin: 10px 5px 10px;
    float: right;
    width: 30px;
    height: 30px;
}

.jssocials-share-twitter>.jssocials-share-link:hover {
    border: 2px solid #37a7df;
    color: #37a7df;
}

.jssocials-share-facebook>.jssocials-share-link:hover {
    border: 2px solid #365799;
    color: #365799;
}

.jssocials-share-googleplus>.jssocials-share-link:hover {
    border: 2px solid #dd4b39;
    color: #dd4b39;
}

.jssocials-share-linkedin>.jssocials-share-link:hover {
    border: 2px solid #007bb6;
    color: #007bb6;
}

.jssocials-share-label {
    display: none;
}


/**********FIN REDES SOCIALES********/

/* ___________ Colorbar ____________________ */

#colorbar {
    position: relative;
    height: 15px;
    background-color: rgb(182, 1, 76);
    z-index: 898;
}

#color_container {
    position: inherit;
    height: 35px;
    top: -10px;
    width: 80%;
    left: 6.84%;
}

.color1 {
    position: inherit;
    float: left;
    background-color: rgb(245, 188, 0);
}

.color2 {
    position: inherit;
    float: left;
    /*background-color: rgb(232,124,40);*/
    background-color: rgb(240, 153, 37);
}

.color3 {
    position: inherit;
    float: left;
    background-color: rgb(199, 214, 79);
}

.color4 {
    position: inherit;
    float: left;
    background-color: rgb(143, 190, 62);
}

.color5 {
    position: inherit;
    float: left;
    background-color: rgb(54, 169, 225);
}

.color6 {
    position: inherit;
    float: left;
    background-color: rgb(0, 128, 181);
}

#areaa {
    position: inherit;
    float: left;
    width: 4%;
    margin-top: 10px;
    height: 25px;
}

#area1 {
    width: 100%;
    height: 15px;
}

#area2 {
    width: 20%;
    height: 10px;
}

#area3 {
    width: 5%;
    margin-top: 10px;
    height: 15px;
}

#area4 {
    width: 15%;
    margin-top: 10px;
    height: 15px;
}

#areab {
    position: inherit;
    float: left;
    width: 12%;
    margin-top: 10px;
    height: 25px;
}

#area5 {
    width: 100%;
    /*margin-top: 10px;*/
    height: 15px;
}

#area6 {
    width: 40%;
    height: 10px;
}

#area7 {
    width: 10%;
    /*margin-top: 10px;*/
    height: 10px;
}

#areac {
    position: inherit;
    float: left;
    width: 8%;
    margin-top: 10px;
    height: 25px;
}

#area8 {
    width: 100%;
    /*margin-top: 10px;*/
    height: 15px;
}

#area9 {
    width: 15%;
    height: 10px;
}

#area10 {
    width: 3.5%;
    margin-top: 10px;
    height: 15px;
}

#area11 {
    width: 5%;
    margin-top: 10px;
    height: 15px;
}

#aread {
    position: inherit;
    float: left;
    width: 8%;
    /*margin-top: 10px;*/
    height: 25px;
}

#area12 {
    width: 15%;
    height: 10px;
}

#area13 {
    width: 100%;
    /*margin-top: 10px;*/
    height: 15px;
}

#area14 {
    width: 4%;
    margin-top: 10px;
    height: 15px;
}

#areae {
    position: inherit;
    float: left;
    width: 5%;
    margin-top: 10px;
    height: 25px;
}

#area15 {
    width: 100%;
    height: 15px;
}

#area16 {
    width: 25%;
    /*margin-top: 10px;*/
    height: 10px;
    float: right;
}

#areaf {
    position: inherit;
    float: left;
    width: 15%;
    /*margin-top: 10px;*/
    height: 35px;
}

#area17 {
    width: 10%;
    /*margin-top: 10px;*/
    height: 10px;
    float: right;
}

#area18 {
    width: 100%;
    height: 15px;
}

#area19 {
    width: 10%;
    /*margin-top: 10px;*/
    height: 10px;
}

#areag {
    position: inherit;
    float: left;
    width: 10%;
    /*margin-top: 10px;*/
    height: 25px;
}

#area20 {
    float: right;
    width: 15%;
    /*margin-top: 10px;*/
    height: 10px;
}

#area21 {
    width: 100%;
    height: 15px;
}

#area22 {
    width: 1%;
    margin-top: 25px;
    height: 10px;
}

#menu {
    top: -20px;
    position: relative;
    height: 60px;
    padding-top: 10px;
    background: #f1f1f1;
}

@media screen and (max-width: 768px) {
    #dane-logo {
        width: 300px;
    }

    #menu {
        top: 0px;
    }

    h5,
    .h5 {
        margin: 0 0 12px 0 !important;
    }

    .col-xs-6 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /*___________________ Estilos noticias  ____________________ */

    .blog-featured {}

    .blog-featured h5 {
        width: 92%;
        height: auto;
        margin: 1% 2.5%;
        font-size: 80%;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .btn-default {
        width: auto;
        min-height: 50px;
        background: none;
        box-shadow: none;
        text-align: left;
        padding: 3%;
        display: inline-block;
        border: none;
        line-height: 1;
        color: rgb(86, 86, 86);
        font-size: 85%;
        text-decoration: none;
        margin: 0 0;
        float: left;
        font-weight: 600;
    }

    .blog-featured .btn-default:hover {
        color: rgb(182, 1, 76);
    }

    .items-leading {
        width: 100% !important;
        height: auto;
        float: left;
        background: #f8f7f7;
        padding: 0;
    }

    .blog-featured .items-leading img {
        width: 100% !important;
        height: auto;
        float: left;
    }

    .items-leading p {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        float: left;
        text-align: left !important;
        margin-top: -1%;
        padding: 3%;
    }

    .items-leading h2 {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        font-size: 16px;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .column-1 {
        height: auto;
        float: left;
        background: #f8f7f7;
        margin: 0 1.5%;
        padding: 0;
    }

    .blog-featured .column-1 img {
        width: 100% !important;
        height: auto;
        float: left;
    }

    .blog-featured .column-1 p {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        font-size: 16px;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .column-1 h2 {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        font-size: 16px;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .column-2 {
        height: auto;
        float: left;
        background: #f8f7f7;
        margin: 0 2%;
        padding: 0;
    }

    .blog-featured .column-2 img {
        width: 100% !important;
        height: auto;
        float: left;
    }

    .blog-featured .column-2 p {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        font-size: 16px;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .column-2 h2 {
        width: 92%;
        height: auto;
        margin: 0 2.5%;
        font-size: 16px;
        background: #f8f7f7;
        padding: 0 3%;
    }

    .blog-featured .caption img {
        width: 100% !important;
        height: auto;
        float: left;
    }

    .col-xs-6 {
        width: 100%;
    }

    /**
.3-spotlight-2 {
	 background:red;
}
 **/
    .latestnews li {
        display: inline !important;
    }

    .module-title {
        /* background-color: #9a2155 !important; */
        color: white !important;
        padding: 10px !important;
        text-align: center;
    }

    .custom {
        width: 100%;
    }

    .custom .col-xs-6 {
        width: 50%;
    }

    .t3-mainbody {
        padding-bottom: 0 !important;
    }

    .article_slider {
        display: block;
    }

    header .languageswitcherload {
        padding-bottom: 10px !important;
        padding-top: 0px !important;
    }

    .navbar-nav li {
        width: 100% !important;
        border-right: solid 0px !important;
    }

    .navbar-nav li a dropdown-toggle {
        border-right: solid 1px #ffffff !important;
    }

    .t3-mainnav .t3-navbar-collapse .navbar-nav {
        margin: 5px !important;
    }

    .navbar-nav .dropdown li span {
        text-transform: uppercase !important;
    }

    #moduleSlideShow112 img {
        max-width: 100%;
    }

    div.article_slider div.textContent {
        width: 90%;
    }

    /*SE COMENTA PARA ARREGLAR CALENDARIO EN MOVILES*/
    /*td, tr td {
	display:block;
	width:100%;
	height:auto;
}*/
    table {
        width: 100% !important;
    }

    /*.module-ct .container .col-xs-12, .col-md-9, h6{
	text-align:center !important;
}
.module-ct .container .col-md-9, h6{
	text-align:center !important;
}*/
}

@media (max-width: 980px) {
    .contentpanerdc iframe {
        height: 1200px;
    }
}

@media (max-width: 991px) {
    #geoportal_map {
        display: none;
    }
}

/* ___________ Menu ____________________ */

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding: 0 0;
    min-height: 30px;
}

.mega .dropdown-menu {
    /*width: 500%;*/
    background: rgb(238, 238, 238);
    padding: 0px;
}

.navbar-default {
    min-height: 30px;
    border: none;
    background: rgb(238, 238, 238);
    border-radius: 0;
    /*box-shadow: 1px !important;*/
}

.navbar-nav {
    width: 100%;
    background-color: #be0c4d !important;
}

/*.mega-col-nav {
  padding-left: 0px;
}*/

.navbar-nav li {
    width: 20%;
    min-height: 20px;
}

.navbar-nav li:last-child {
    border-right: none;
}

.navbar-nav .dropdown li {
    width: 100%;
    /*border-right: solid 1px rgb(170,170,170);*/
}

.navbar-nav .level1 ul {
    /*border-left: solid 1px rgb(170,170,170);*/
}

.navbar-nav .level1 li {
    border-right: none;
}

.t3-megamenu .mega-inner {
    padding: 10px 0px 0px 10px;
}

.t3-megamenu .dropdown-menu .mega-nav>li a:hover {
    background: rgb(182, 1, 76);
    color: rgb(255, 255, 255);
}

.t3-megamenu .mega-inner .contact-item {
    white-space: normal;
    display: block;
    padding: 5px;
    font-size: 11px;
    line-height: 15px;
    text-shadow: none;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-nav li a {
    font-size: 1.2rem;
    text-align: center;
    line-height: 15px;
    padding: 15px 3px;
    text-shadow: none;
}

/*____________________ slider ____________________ */

div.article_slider div.slide_show_header h3 {
    margin: 0px 10px 10px 10px !important;
}

div.article_slider div.navBar {
    right: 30px !important;
    padding-top: 10px !important;
    z-index: 10 !important;
}

/*___________________ Estilos glosario transparencia  ____________________ */

.tab-pane h3 {
    font-weight: 600;
}

.tab-pane h4 {
    color: #3a3a3a;
    font-size: 14px;
    padding-top: 10px;
    font-weight: 600;
}

/*------ colcar estos estilos en este media query -----*/
@media (max-width: 991px) {
    .rl_tabs.outline_content>.tab-content {
        border-top: 1px solid #ddd;
    }

    .tab-content {
        width: 96%;
        margin: 0 auto;
        padding: 0;
    }

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

    .rl_tabs ul.nav-tabs {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .addtoany_container {
        width: 90%;
        margin: 0 auto;
    }
}

/*------ colcar estos estilos en este media query -----*/
/*------------- end Estilos glosario ---------------*/

/* ___________ indicadores ____________________ */

body [classyloader] {
    max-width: 100%;
}

/* ---------------- pagination */
.pagination>li>a,
.pagination>li>span {
    color: rgb(182, 1, 76);
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: rgba(182, 1, 76, 0.6);
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: rgb(182, 1, 76);
    border-color: rgb(182, 1, 76);
}

/*___________________ GEL & footer ____________________ */
.presidencia {
    background: rgb(197, 32, 44);
}

.vicepresidencia {
    background: rgb(197, 32, 44);
}

.mintic {
    background: rgb(122, 75, 158);
}

.mincultura {
    background: rgb(137, 58, 150);
}

.colciencias {
    background: rgb(128, 64, 152);
}

.minrelaciones {
    background: rgb(70, 63, 153);
}

.mintrabajo {
    background: rgb(29, 77, 161);
}

.minjusticia {
    background: rgb(27, 76, 160);
}

.mindefensa {
    background: rgb(12, 128, 196);
}

.mintransporte {
    background: rgb(205, 115, 43);
}

.minsalud {
    background: rgb(0, 172, 203);
}

.coldeportes {
    background: rgb(55, 189, 179);
}

.mininterior {
    background: rgb(122, 75, 158);
}

.mincomercio {
    background: rgb(70, 154, 71);
}

.minagricultura {
    background: rgb(105, 186, 81);
}

.minambiente {
    background: rgb(150, 204, 118);
}

.minminas {
    background: rgb(204, 187, 0);
}

.minhacienda {
    background: rgb(134, 33, 25);
}

.mineducacion {
    background: rgb(111, 18, 0);
}

.minvivienda {
    background: rgb(164, 24, 77);
}

.dps {
    background: rgb(5, 148, 211);
}

.dafp {
    background: rgb(175, 112, 41);
}

.dnp {
    background: rgb(149, 130, 48);
}

.dni {
    background: rgb(207, 171, 122);
}

.dane_link {
    background: rgb(182, 1, 76);
}

#services_menu {
    float: right;
}

#services_menu .list-unstyled,
footer .list-unstyled {
    list-style-type: square;
    padding-left: 20px;
}

/*footer*/

.t3-footer {
    background: #be0c4d;
    font-size: x-small;
    margin-bottom: 0px;
    margin-top: 20px;
}

.t3-footnav {
    padding: 0px;
}

.t3-footer .t3-module {
    background-color: transparent;
    color: rgb(255, 255, 255);
}

.footer-h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: none;
    font-size: 14px !important;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

footer h6 {
    background: transparent;
    color: rgb(255, 255, 255);
}

#contact_icon {
    margin-top: 8px;
}

footer .list-inline {
    padding-top: 10px;
}

footer .list-unstyled {
    list-style-type: square;
    padding-left: 20px;
    line-height: 2;
}

.t3-footnav .t3-module .footer-list a {
    color: rgb(255, 255, 255);
}

footer a:active,
a:focus,
a:hover {
    color: rgb(182, 1, 76);
}

.t3-footnav .t3-module ul>li>a:hover,
.t3-footnav .t3-module ul>li>a:active,
.t3-footnav .t3-module ul>li>a:focus {
    color: rgb(181, 181, 181);
}

#geoportal_map {
    margin-top: 10px;
    background: rgb(182, 1, 76);
    width: 190px;
    height: 100px;
}

#lista_investigaciones {
    width: 400px;
    height: 220px;
    overflow: hidden;
    overflow-y: scroll;
    top: 60px;
}

/*Encuestadores*/
.input-group .form-control {
    min-height: 50px;
    padding: 15px 10px;
}

.input-group {
    margin: 3% 0;
}

.accesos-directos {
    width: 100%;
    height: auto;
    float: left;
    background: #5e5e5e;
    margin: 2% 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.accesos-directos img {
    width: auto;
    height: auto;
    float: left;
}

.noticia {
    width: 100%;
    height: auto;
    float: left;
    background: #f8f7f7;
    padding: 20px;
}

.text-left {
    /*text-align: right !important;*/
    margin-top: 1%;
}

/*___________________ GEL & footer ____________________ */
.presidencia {
    background: rgb(197, 32, 44);
}

.vicepresidencia {
    background: rgb(197, 32, 44);
}

.mintic {
    background: rgb(122, 75, 158);
}

.mincultura {
    background: rgb(137, 58, 150);
}

.colciencias {
    background: rgb(128, 64, 152);
}

.minrelaciones {
    background: rgb(70, 63, 153);
}

.mintrabajo {
    background: rgb(29, 77, 161);
}

.minjusticia {
    background: rgb(27, 76, 160);
}

.mindefensa {
    background: rgb(12, 128, 196);
}

.mintransporte {
    background: rgb(205, 115, 43);
}

.minsalud {
    background: rgb(0, 172, 203);
}

.coldeportes {
    background: rgb(55, 189, 179);
}

.mininterior {
    background: rgb(122, 75, 158);
}

.mincomercio {
    background: rgb(70, 154, 71);
}

.minagricultura {
    background: rgb(105, 186, 81);
}

.minambiente {
    background: rgb(150, 204, 118);
}

.minminas {
    background: rgb(204, 187, 0);
}

.minhacienda {
    background: rgb(134, 33, 25);
}

.mineducacion {
    background: rgb(111, 18, 0);
}

.minvivienda {
    background: rgb(164, 24, 77);
}

.dps {
    background: rgb(5, 148, 211);
}

.dafp {
    background: rgb(175, 112, 41);
}

.dnp {
    background: rgb(149, 130, 48);
}

.dni {
    background: rgb(207, 171, 122);
}

.dane_link {
    background: rgb(182, 1, 76);
}

#services_menu {
    float: right;
}

#services_menu .list-unstyled,
footer .list-unstyled {
    list-style-type: square;
    padding-left: 20px;
}

/*___________________ Fin Gel & footer ____________________ */

/*___________________ Estilos Noticias ____________________ */

.blog-featured {}

.blog-featured h5 {
    padding: 3%;
    border: none;
    font-size: 80%;
}

.blog-featured .btn-default {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    text-align: left;
    padding: 3%;
    display: inline-block;
    border: none;
    line-height: 1;
    color: rgb(86, 86, 86);
    font-size: 85%;
    text-decoration: none;
    margin: 0 0;
    float: left;
    font-weight: 600;
}

.blog-featured .btn-default:hover {
    color: rgb(182, 1, 76);
}

.items-leading {
    width: 48%;
    height: auto;
    float: left;
    background: #f8f7f7;
    margin: 0 1.5%;
    padding: 0;
}

.items-leading p {
    float: left;
    text-align: left !important;
    margin-top: -1%;
    padding: 3%;
}

.items-leading h2 {
    font-size: 16px;
    background: #f8f7f7;
    padding: 0 2%;
}

.blog-featured .column-1 {
    width: 22%;
    height: auto;
    float: left;
    background: #f8f7f7;
    margin: 0 1%;
    padding: 0;
}

.blog-featured .column-1 p {
    float: left;
    text-align: left !important;
    margin-top: -1%;
    padding: 3%;
}

.blog-featured .column-1 h2 {
    font-size: 16px;
    background: #f8f7f7;
    padding: 4%;
    margin: 0 1.5%;
}

.blog-featured .column-2 {
    width: 22%;
    height: auto;
    float: left;
    background: #f8f7f7;
    margin: 0 1%;
    padding: 0;
}

.blog-featured .column-2 p {
    float: left;
    text-align: left !important;
    margin-top: -1%;
    padding: 3%;
}

.blog-featured .column-2 h2 {
    font-size: 16px;
    background: #f8f7f7;
    padding: 4%;
    margin: 0 1.5%;
    text-align: left !important;
}

.blog-featured .caption img {
    width: 100% !important;
    height: auto;
    float: left;
    margin: 0 0 2% 0;
}

.caption {
    width: 100%;
}

.caption img {
    width: 100%;
}

/*___________________ Calendario ____________________ */

.mod_events_latest_first {
    padding: 2% 0;
    border-color: #ffffff !important;
}

.mod_events_latest {
    padding: 2% 0;
    border-color: #ccc !important;
}

.mod_events_latest_date {
    font-size: 13px;
    margin: 0 10px 0 0;
}

.icon-calendar {
    margin: 0 5px 0 0;
}

.icon-time {
    margin: 0 5px 0 0;
}

.icon-hand-right {
    margin: 0 5px 0 0;
}

.mod_events_latest_table tr td a:hover {
    font-weight: 400;
    text-decoration: none;
    color: rgb(182, 1, 76);
}

#flatcal_minical .flatcal_daylink,
#flatcal_minical .flatcal_sundaylink,
#flatcal_minical .flatcal_busylink,
#flatcal_minical TD.flatcal_weekdays {
    font-size: 10px !important;
}

/*___________________ Calendarionúmeros ____________________ */

.moduleencuestadores .module-inner,
module-ct .formulario {
    color: red;
}

html>

/**/
body .selector,
x:-moz-any-link {
    color: lime;
}

#flatcal_minical .flatcal_todaycell a {
    border: 1px solid rgb(182, 1, 76) !important;
    background-color: rgb(182, 1, 76) !important;
}

/*TABLAS RESPONSIVE*/

@media (max-width: 479px) {

    /*+++++++++++ RESPONSIVE TABLES +++++++++++++++ */
    .table-wrapper table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #bbb;
    }

    .table-wrapper td,
    th {
        border-top: 1px solid #ddd;
        padding: 4px 8px;
    }

    .table-wrapper tbody tr:nth-child(even) td {
        background-color: #eee;
    }
}

/*/////////////////////////////////////////////////////////////////////////////////////////
/*newheader*/
.navbar-default {
    border-top: 1px solid #fff !important;
}

.idioms-line {
    height: 35px;
    margin-bottom: 0;
    padding-top: 10px;
}

.idioms-block {
    float: right;
    width: 70px;
    height: 35px;
    margin-right: 20px;
}

.idioms-block ul {
    display: flex;
}

.idioms-block ul li a {
    background-color: #631028;
    vertical-align: middle;
    color: white;
    padding: 10px;
}

.idioms-block ul li a:hover {
    background-color: #b1144f;
}

div.mod-languages ul.lang-inline li {
    border-right: 1px solid #fff;
}

.idiom-box {
    width: 35px;
    height: 35px;
    float: left;
    display: block;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
}

.idiom-box a {
    vertical-align: middle;
    color: #fff;
    width: 35px;
    height: 35px;
    float: left;
    background-color: #b6004c;
    padding-top: 10px;
    border-right: solid 1px #fff;
}

.idiom-box a:hover {
    background-color: #631028;
    text-decoration: none;
}

.idiom-box a:active {
    background-color: #b6004c;
}

.fecha_dane {
    font-size: 16px;
    color: #575756;
    display: initial;
    margin: 20px;
}

#custom-search-input {
    float: right;
    width: 75%;
    margin-top: 20px;
    margin-bottom: 15px;
    border: solid 0.5px #c6c6c6;
    border-radius: 0px;
    background-color: #fff;
}

#custom-search-input input {
    border: 0;
    box-shadow: none;
    height: 35px;
}

#custom-search-input button {
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
    font-size: 18px;
}

/* button*/
.search-searcher {
    padding-top: 20px;
}

.search-searcher .button {
    width: 30px;
    height: 30px;
    background-image: url(../images/search.png);
    background-size: 30px 30px;
    float: right;
    position: relative;
    bottom: 42px;
    right: 5px;
    color: #eeeeee;
    border-left-style: solid;
    background-color: #fff !important;
}

@media (max-width: 720px) {
    .search-searcher .button {
        bottom: 60px;
    }

    .redes_dane-2017 {
        float: none !important;
    }

    .idioms-block {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .redes_dane-2017 {
        margin-top: 0px !important;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }

    .twitter-red {
        margin-left: 0px !important;
    }

    .col-border {
        border-right: 1px solid #fff;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .redes_dane-2017 {
        /* margin-top: -20px !important;
   float: right;*/
        right: 60px;
    }
}

.redes_dane-2017 {
    margin-top: 0px;
    right: 15px;
}

.search {
    width: 93%;
    float: right;
    margin: 20px 0px 20px 0px;
}

.redes_dane-2017 ul {
    padding: 0;
    margin: 0;
}

.redes_dane-2017 ul li {
    float: left;
    list-style-type: none;
}

.redes_dane-2017 ul li a,
.redes_dane-2017 ul li a:hover,
.redes_dane-2017 ul li a:focus,
.redes_dane-2017 ul li a:visited {
    color: transparent;
}

.redes-ins {
    height: 21px;
    width: 21px;
}

.redes-ins {
    height: 21px;
    /* width: 15px; */
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

.centro-relevo-red {
    background-image: url(../images/centro_relevo_off.png);
}

.centro-relevo-red:hover {
    background-image: url(../images/centro_relevo_on.png);
    cursor: pointer;
}

.instagram-red {
    margin-left: 40px;
    background-image: url(../images/instagram_off.png);
}

.instagram-red:hover {
    background-image: url(../images/instagram_on.png);
    cursor: pointer;
}

.twitter-red {
    margin-left: 40px;
    background-image: url(../images/twitter_off.png);
}

.twitter-red:hover {
    background-image: url(../images/twitter_on.png);
    cursor: pointer;
}

.facebook-red {
    margin-left: 40px;
    background-image: url(../images/facebook_off.png);
}

.facebook-red:hover {
    background-image: url(../images/facebook_on.png);
    cursor: pointer;
}

.youtube-red {
    margin-left: 40px;
    background-image: url(../images/youtube_off.png);
}

.youtube-red:hover {
    background-image: url(../images/youtube_on.png);
    cursor: pointer;
}

.soundcloud-red {
    margin-left: 40px;
    background-image: url(../images/soundcloud_off.png);
}

.soundcloud-red:hover {
    background-image: url(../images/soundcloud_on.png);
    cursor: pointer;
}

.mail-dane {
    margin-left: 40px;
    background-image: url(../images/mail_on.png);
}

.mail-dane:hover {
    background-image: url(../images/mail_off.png);
    cursor: pointer;
}

.pattern-line {
    margin-top: 30px;
    margin-bottom: 30px;
}

.content {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.linea-dane {
    margin-bottom: -9px;
}

.bg-footer {
    background-color: #8d143d;
}

.content-footer_dane {
    padding: 45px 80px 15px 80px;
}

.content-footer_dane h2 {
    color: white;
    margin-bottom: 40px;
}

.icon-position {
    width: 28px;
    height: 28px;
    margin-right: 15px;
    float: left;
}

.margin-icon_pos {
    margin-bottom: 100px;
}

.text-info_dane h5 {
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    margin: 0;
}

.text-info_dane p,
.text-info_dane ul li p a {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

.text-info_dane ul {
    padding-left: 62px;
}

.text-info_dane ul li {
    list-style-type: square;
    color: #fff;
}

.firma-dane {
    background-image: url(../images/pattern-block.png);
    background-repeat: repeat;
    height: 50px;
    margin-bottom: -30px;
}

.logo_dane {
    margin-top: 30px;
    width: 90%;
}

@media (max-width: 479px) {

    /*+++++++++++ RESPONSIVE TABLES +++++++++++++++ */
    table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #bbb;
    }

    td,
    th {
        border-top: 1px solid #ddd;
        padding: 4px 8px;
    }

    tbody tr:nth-child(even) td {
        background-color: #eee;
    }
}

/* ------ CLASES NUEVO FOOTER ------- */

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.linea-dane {
    margin-bottom: -9px;
    margin-top: -15px;
}

.bg-footer {
    background-color: #be0c4d;
}

.content-footer_dane {
    padding: 45px 80px 15px 80px;
}

.margin-icon_pos {
    margin-bottom: 100px;
}

.icon-position {
    width: 28px;
    height: 28px;
    margin-right: 15px;
    float: left;
}

.firma-dane {
    background-image: url(../images/pattern-block.png);
    background-repeat: repeat;
}

.text-info_dane p,
.text-info_dane ul li p a {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

.text-info_dane h5 {
    font-weight: 700;
    font-size: 13px !important;
    color: #fff !important;
    margin: 0;
    border-bottom: none !important;
}

.text-info_dane ul li {
    list-style-type: square;
    color: #fff;
}

.text-info_dane ul {
    padding-left: 62px;
}

.text-info_dane p,
.text-info_dane ul li p a {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

.text-info_dane a:hover {
    text-decoration: underline;
}

.bt-gray {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bt-gray:hover,
.bt-gray:focus,
.bt-gray:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

/* efecto shadow png */

.shadowPng:hover {
    -webkit-filter: drop-shadow(2px 1px 0 black) drop-shadow(-1px -1px 0 black);
    filter: drop-shadow(2px 1px 0 black) drop-shadow(-1px -1px 0 black);
}

/*Ocultar titulo de configutración de página*/
.accBar span {
    display: none !important;
}

/*position fixed bottom for chat module*/
#chatFixedBottom {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99999999;
}

/*Edit style of nav-helper position*/
.t3-navhelper {
    background: #ffffff;
    border-top: 0px solid #ffffff;
}

/*position fixed bottom for microanonim module*/
#microFixedBottom {
    position: fixed;
    bottom: 200px;
    right: 0px;
}

/*Edit style of nav-helper position*/
.t3-navhelper {
    background: #ffffff;
    border-top: 0px solid #ffffff;
}

/*inicio lista de resultados buscador*/
#searchForm .btn-group {
    width: 100%;
}

#searchForm #search-searchword,
#mod-search-searchword93 {
    height: 60px;
    font-size: 2.5rem;
    border-radius: 4px;
}

#searchForm #search-searchword {
    width: 100% !important;
}

#mod-search-searchword93 {
    width: 90%;
    float: left;
}

#searchForm #search-searchword,
#mod-search-searchword93:focus {
    border-radius: 4px !important;
}

#searchForm #search-searchword::placeholder,
#mod-search-searchword93::placeholder {
    color: #cccccc;
}

#searchForm .inputSearchText {
    width: 90%;
}

#searchForm .btnSearch {
    width: 5%;
}

#searchForm .btnSearch button,
.search .form-inline .button {
    height: 60px;
    margin-left: -5px;
    border: 1px solid #ccc;
    background-color: #e7e7e7;
}

#searchForm .btn-toolbar {
    margin-bottom: 20px;
}

#searchForm .btnSearch .fa-search,
.search .form-inline .button {
    font-size: 3rem;
    color: #999;
    padding-top: 5px;
}

#searchForm .panel-heading {
    padding: 0px !important;
}

#searchForm .searchintro {
    position: absolute;
    right: 15px;
}

#searchForm .panel-title a,
#searchForm .panel-title a:hover,
#searchForm .panel-title a:focus {
    color: #b6004c;
    font-size: 13px;
}

#searchForm .ordering-box {
    margin-top: 10px;
}

#searchForm .ordering-box .chzn-container,
#searchForm .form-limit .chzn-container,
#ordering_chzn {
    width: 28% !important;
    display: inline-block !important;
}

#searchForm legend {
    font-size: 13px !important;
    color: #b6004c !important;
    border-bottom: 0px solid #fff !important;
    text-transform: uppercase;
    padding-left: 1rem;
}

#searchForm .phrases-box {
    float: left;
    width: 62%;
}

#searchForm .inputbox:focus,
#mod-search-searchword93:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(182, 1, 76) !important;
}

#searchForm .radio,
.checkbox {
    display: inline-block !important;
    margin: 10px 20px !important;
}

.search-results a,
.search-results .result-title {
    font-weight: normal;
    color: #428bca;
}

.search-results a:hover,
search-results .result-title:hover {
    color: #b6014c;
}

#searchForm .form-limit {
    margin-top: 0px;
    bottom: 85px;
    right: -70px;
    position: absolute;
    width: 30%;
}

#searchForm .counter {
    position: absolute;
    right: 0px;
    top: 125px;
    border: 0px solid #dddddd;
    color: rgb(153, 153, 153) !important;
}

#searchForm fieldset {
    border: 1px solid #ccc;
    padding: 2rem;
}

#searchForm label {
    font-weight: normal;
}

@media (max-width: 479px) {

    #searchForm .searchintro,
    #searchForm .counter,
    #searchForm .form-limit {
        display: contents;
    }

    #searchForm .phrases-box,
    #searchForm .ordering-box .chzn-container {
        width: 100% !important;
    }

    #searchForm .checkbox {
        display: block !important;
    }

    #searchForm .panel-heading {
        margin: 2rem 0rem;
    }

    #searchForm .inputSearchText {
        width: 80%;
    }

    #mod-search-searchword93 {
        width: 80%;
    }

    #mod-search-searchword93 {
        font-size: 2rem;
    }

    #searchForm .ordering {
        margin: 10px 10px 0 0;
    }
}

/*fin lista de resultados buscador*/

/*ESTILOS REDISEÑO HOME 2019*/
/* modulo de encuestadores */
.moduleencuestadores {
    background-color: #eeeeee;
    border: 1px solid #d6d6d6;
    padding: 10px;
}

@media (max-width: 500px) {
    .logo_dane-2017 img {
        max-width: 50%;
    }

    .logo_dane-2017 {
        margin-top: 30px;
        width: 100%;
    }

    .logo_dane-2017 {
        margin-top: 0px;
        float: none !important;
    }

    #custom-search-input {
        width: 95%;
    }

    .content-footer_dane {
        padding: 45px 10px 15px 10px;
    }
}

@media (max-width: 992px) {
    .logo_dane-2017 img {
        max-width: 70%;
        margin-top: 20px;
    }

    .content-footer_dane {
        padding: 45px 40px 15px 40px;
    }

    .margin-icon_pos {
        margin-bottom: 160px;
    }

    .text-info_dane h5 {
        font-size: 12.5px;
    }

    .text-info_dane p,
    .text-info_dane ul li p a {
        font-size: 11.5px;
    }
}

@media (min-width: 1367px) {
    .logo_dane-2017 {
        width: 74%;
    }
}

@media (min-width: 992px) {
    .logo_dane-2017 {
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .logo_dane-2017 img {
        max-width: 30%;
        margin-right: auto;
        margin-left: auto;
    }

    .logo_dane-2017 {
        width: 100%;
    }

    .fecha_dane {
        text-align: center;
        width: 100%;
    }

    .idioms-line {
        padding-right: 0;
    }

    .idioms-block {
        float: none;
        margin-left: auto;
        margin-right: 45%;
    }

    #custom-search-input {
        float: none;
        width: 75%;
        margin: 20px auto 15px auto;
    }

    .redes_dane-2017 {
        float: none;
        margin-top: 20px;
    }

    .redes-ins {
        height: 25px;
        width: 25px;
        /* background-size: 25px; */
    }

    .col-border {
        border-right: none;
        border-bottom: 1px solid #fff;
        margin-bottom: 20px;
    }

    .margin-icon_pos {
        margin-bottom: 100px;
    }

    .firma-dane {
        height: auto !important;
    }
}

.module-ct h4 {
    border-bottom: 1px solid #868686;
    padding-bottom: 12px;
    margin: 0 0 12px 0;
}

.module-ct .newsflash-vertotrasPubl .newsflash-item p a {
    color: #c9085a;
}

.image-table {
    height: auto !important;
}

.mod-accesos-directos hr,
.mod-accesos-directos+hr {
    margin: 0 !important;
    padding-bottom: 5px !important;
}

.mod-accesos-directos div {
    margin: 0px;
    padding: 0px;
}

.mod-accesos-directos div:first-child::after,
.mod-accesos-directos div:last-child::after {
    border: 0px !important;
}

.mod-accesos-directos div p {
    margin: 0px;
}

.mod-accesos-directos img {
    display: block;
    margin: 0px auto;
    text-align: center;
}

.moduleencuestadores {
    border: 0px !important;
    padding: 0px !important;
    margin-top: -20px !important;
}

.moduleencuestadores .module-inner .module-ct {
    padding: 0px 10px !important;
}

.t3-megamenu .dropdown-menu .t3-module .moduloTemas .modTemasGrupo>li a:hover {
    background: rgb(182, 1, 76) !important;
    color: rgb(255, 255, 255) !important;
}

.mega-group-title .separator {
    margin-bottom: 2rem;
}

.mega-group-title .separator omg {
    margin-left: 1rem;
}

/*INICIO BOTONES CENTRO HOME*/

.btn_Den_Home {
    background: url("../../../files/images/botones/icos_DANE_off_01.png") no-repeat 50%;
    margin-top: 1rem;
}

.btn_Den_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_01.png") no-repeat 50%;
}

.btn_Geo_Home {
    background: url("../../../files/images/botones/icos_DANE_off_02_geoportal.png") no-repeat 50%;
    margin-top: 1rem;
}

.btn_Geo_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_02_geoportal.png") no-repeat 50%;
}

.btn_sen_Home {
    background: url("../../../files/images/botones/icos_DANE_off_03_estadisticas-experimentales.png") no-repeat 50%;
    margin-top: 1rem;
}

.btn_sen_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_03_estadisticas-experimentales.png") no-repeat 50%;
}

.btn_anda_Home {
    background: url("../../../files/images/botones/icos_DANE_off_04_datos_abiertos.png") no-repeat 50%;
    margin-top: 1rem;
}

.btn_anda_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_04_datos_abiertos.png") no-repeat 50%;
}

.btn_cnpv_Home {
    background: url("../../../files/images/botones/icos_DANE_off_05_CNPV.png") no-repeat 50%;
    margin-top: 1rem;
}

.btn_cnpv_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_05_CNPV.png") no-repeat 50%;
}

.btn_ventanilla_Home,
.btn_biblio_Home,
.btn_relevo_Home,
.btn_cultura_Home,
.btn_fondane_Home {
    margin-top: -1rem;
}

.btn_ventanilla_Home {
    background: url("../../../files/images/botones/icos_DANE_off_07.png") no-repeat 50%;
}

.btn_biblio_Home {
    background: url("../../../files/images/botones/icos_DANE_off_08.png") no-repeat 50%;
}

.btn_relevo_Home {
    background: url("../../../files/images/botones/icos_DANE_off_10.png") no-repeat 50%;
}

.btn_cultura_Home {
    background: url("../../../files/images/botones/icos_DANE_off_11.png") no-repeat 50%;
}

.btn_fondane_Home {
    background: url("../../../files/images/botones/icos_DANE_off_12.png") no-repeat 50%;
}

.btn_ventanilla_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_07.png") no-repeat 50%;
}

.btn_biblio_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_08.png") no-repeat 50%;
}

.btn_relevo_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_10.png") no-repeat 50%;
}

.btn_cultura_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_11.png") no-repeat 50%;
}

.btn_fondane_Home:hover {
    background: url("../../../files/images/botones/icos_DANE_12.png") no-repeat 50%;
}

/*Articulo accesiiblidad*/

#accesibilidad .tab-pane:first-child {
    background-color: #efefef;
    padding: 10px 10px 10px 20px;
}

#accesibilidad .circle-number {
    border-radius: 50%;
    height: 3.5rem;
    width: 3.5rem;
    padding: 0.4rem;
    background-color: #be0c4d;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    font-size: 1.7rem;
    font-weight: bold;
}

#accesibilidad .contenedor-descripcion {
    border-bottom: 1px dotted #666666;
    margin-bottom: 30px;
    padding: 10px 15px 30px 15px;
}

#accesibilidad h4+p {
    margin-top: 15px;
    margin-bottom: 5px;
}

#accesibilidad h4+p span {
    font-weight: bold;
}

/* tabla nueva pt 2020 */

.tabla-p-t table {
    border: 0px;
}

.tabla-p-t table td {
    border: 0px;
    padding: 5px 9px;
    border-right: 1px solid #fff;
}

.titulos-p-t td {
    border-bottom: 1px solid #fff;
    background-color: #b6175d;
    padding: 15px 10px !important;
    color: #fff;
}

.gris-p-t {
    background-color: #d9d9d9;
}

.por-der {
    text-align: center;
}

/*---------------------------------------------------------------------*/

/*ANEXO hoja de estilos customAndre.css (ago21)*/

/*MIS CSS/////////////////////////////////////*/
@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #666666 !important;
        background-color: #dddddd !important;
    }

    .navbar-nav .mega-group span {
        color: #fff !important;
    }

    .navbar-nav .open {
        background-color: #666666 !important;
    }
}

.t3-header {
    margin: 0px 4rem;
}

.extended ul {
    list-style-type: none;
    margin-left: -40px !important;
}

.latestnews li {
    list-style: none;
    margin-bottom: 20px;
    padding-right: 20px;
    display: table-cell;
    line-height: 20px !important;
}

.latestnews h1 {
    font-size: 16px;
    font-weight: 600;
    color: rgb(182, 1, 76);
    line-height: 21px;
    margin: 1% 0;
}

.latestnews h1 a {
    color: rgb(182, 1, 76) !important;
    line-height: 20px !important;
    font-weight: 500;
}

.latestnews .readmore {
    line-height: 20px !important;
}

.customenlaces .list-group-item {
    position: inherit;
}

.article-intro img,
.article-content td img {
    max-width: inherit;
}

.image-table {
    max-width: 100% !important;
}

.blog-featured img {
    max-width: 100% !important;
    width: 182px !important;
}

/*AJUSTE NOTICIAS 2 COLUMNAS ACTUALIDAD DANE*/
.blog-featured .column-1 {
    width: 48% !important;
}

.blog-featured .column-2 {
    width: 48% !important;
}

blockquote {
    font-size: 14px;
    color: rgb(86, 86, 86);
}

/* ##########################  back  ########################### */

#pdf {
    list-style-image: url(../images/ico/pdf.png);
    line-height: 20px;
}

#web {
    list-style-image: url(../images/ico/link.png);
    line-height: 20px;
}

#xls {
    list-style-image: url(../images/ico/xls.png);
    line-height: 20px;
}

#doc {
    list-style-image: url(../images/ico/Doc.png);
    line-height: 20px;
}

#ppt {
    list-style-image: url(../images/ico/PPT.png);
    line-height: 20px;
}

#zip {
    list-style-image: url(../images/ico/zip.png);
    line-height: 20px;
}

#video {
    list-style-image: url(../images/ico/Video.png);
    line-height: 20px;
}

#audio {
    list-style-image: url(../images/ico/Audio.png);
    line-height: 20px;
}

/*MIS CSS/////////////////////////////////////*/
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding: 0 0;
    min-height: 30px;
}

.mega .dropdown-menu {
    /*width: 500%;*/
    /*width: 500%;*/
    background: rgb(238, 238, 238);
    padding: 0px;
}

.navbar-nav li[data-id="151"] .mega-dropdown-inner div {
    background-color: rgb(238, 238, 238);
}

.navbar-nav li[data-id="151"] .mega-dropdown-inner a {
    color: #666666;
}

.navbar-nav li[data-id="1230"] .mega-dropdown-inner div {
    background-color: #666666;
}

.navbar-nav li[data-id="1230"] .mega-dropdown-inner a {
    color: #fff;
}

.navbar-default {
    min-height: 30px;
    border: none;
    background: rgb(238, 238, 238);
    border-radius: 0;
    /*box-shadow: 1px !important;*/
}

.navbar-nav {
    width: 100%;
}

/*.mega-col-nav {
    padding-left: 0px;
  }*/

/*.navbar-nav li{
    width: 20%;
    border-right: solid 1px rgb(170,170,170);
    min-height: 20px;
  }*/
.navbar-nav li[data-id="151"] a {
    background-color: #666666;
}

.navbar-nav li[data-id="1230"] a {
    background-color: #666666;
}

/*.navbar-nav li [data-id='151'] a:focus{
    color:#FFFFF !important;
  }*/
/*.navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555555;
  }*/
/*menu estadisticas por tema: en español ID=151, en ingles ID= 1230*/
.navbar-nav li[data-id="151"] a {
    color: #fff;
}

.navbar-nav li[data-id="1230"] a {
    color: #fff;
}

.navbar-nav li[data-id="151"] a:hover,
.navbar-nav li[data-id="151"] a:focus,
.navbar-nav li[data-id="151"] a:active {
    background-color: #666666 !important;
    color: #fff !important;
}

.navbar-nav li[data-id="1230"] a:hover {
    background-color: #666666 !important;
    color: #fff !important;
}

/*.navbar-nav li[data-id='151'] a:focus{
    background-color:#666666 !important;
    color:#fff !important;
  }*/
.navbar-nav li[data-id="1230"] a:focus {
    background-color: #666666 !important;
    color: #fff !important;
}

.navbar-nav li[data-id="151"] ul li a:focus,
.navbar-nav li[data-id="151"] ul li a:hover {
    background-color: rgb(182, 1, 76) !important;
    color: #fff !important;
}

.navbar-nav li[data-id="1230"] ul li a:focus,
.navbar-nav li[data-id="1230"] ul li a:hover {
    background-color: rgb(182, 1, 76) !important;
    color: #fff !important;
}

.navbar-default .navbar-nav>.active>li[data-id="151"] a,
.navbar-default .navbar-nav>.active>li[data-id="151"] a:hover,
.navbar-default .navbar-nav>.active>li[data-id="151"] a:focus {
    color: #555555;
    background-color: red !important;
}

.navbar-default .navbar-nav>.active>li[data-id="1230"] a,
.navbar-default .navbar-nav>.active>li[data-id="1230"] a:hover,
.navbar-default .navbar-nav>.active>li[data-id="1230"] a:focus {
    color: #555555;
    background-color: red !important;
}

.navbar-nav>li[data-id="148"] {
    font-size: 11px;
    text-align: center;
    color: #555;
}

.navbar-nav>li[data-id="148"] .caret {
    color: #aaa !important;
}

.navbar-nav>li[data-id="148"] a:hover .caret {
    color: #555 !important;
}

.navbar-nav li:last-child {
    border-right: none;
}

.navbar-nav .dropdown li {
    width: 100%;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    text-shadow: none;
    /*border-right: solid 1px rgb(170,170,170);*/
}

.navbar-nav .level1 ul {
    /*border-left: solid 1px rgb(170,170,170);*/
}

.navbar-nav .level1 li {
    border-right: none;
}

/* ___________ Submenu texto ____________________ */
.t3-megamenu .mega-nav>li a,
.t3-megamenu .dropdown-menu .mega-nav>li a {
    text-align: left;
    /*color: white;*/
}

/* ___________ Submenu título ____________________ */

dropdown-header mega-group-title separator {
    text-align: left;
}

/* ___________ Submenu hover ____________________ */
.t3-megamenu .dropdown-menu .mega-nav>li a:hover {
    background: rgb(182, 1, 76);
    color: rgb(255, 255, 255);
}

.t3-megamenu .mega-nav>li .separator {
    text-align: left;
    color: white;
}

.t3-megamenu .mega-nav>li,
.t3-megamenu .dropdown-menu .mega-nav>li {
    text-align: left;
}

.navbar-nav li[data-id="151"] .mega-dropdown-inner div img {
    margin: 0 2rem 2rem 0;
}

/*************ICONOS POR TEMAS *******************************/
#imaeducacion,
#imalaboral,
#imasalud,
#imapoblacion,
#imagobierno,
#imadefensa,
#imacultura,
#imapobreza,
#imaagro,
#imacomExt,
#imacomInt,
#imaconstruccion,
#imactaNal,
#imaindustria,
#imaprecios,
#imaservicios,
#imatransporte,
#imatecno,
#imainfoReg,
#imaambiental,
#imagenero {
    margin: 10px 5px 10px;
    width: 250px;
    height: 30px;
    padding-left: 40px;
    padding-top: 5px;
    list-style: none;
}

#imaeducacion {
    background: url("../images/ic_02.png") no-repeat;
}

#imaeducacion:active,
#imaeducacion:hover,
#imaeducacion:focus {
    background: url("../images/ic_03.png") no-repeat;
}

#imalaboral {
    background: url("../images/ic_04.png") no-repeat;
}

#imalaboral:active,
#imalaboral:hover,
#imalaboral:focus {
    background: url("../images/ic_05.png") no-repeat;
}

#imasalud {
    background: url("../images/ic_06.png") no-repeat;
}

#imasalud:active,
#imasalud:hover,
#imasalud:focus {
    background: url("../images/ic_07.png") no-repeat;
}

#imapoblacion {
    background: url("../images/ic_08.png") no-repeat;
}

#imapoblacion:active,
#imapoblacion:hover,
#imapoblacion:focus {
    background: url("../images/ic_09.png") no-repeat;
}

#imagobierno {
    background: url("../images/ic_10.png") no-repeat;
}

#imagobierno:active,
#imagobierno:hover,
#imagobierno:focus {
    background: url("../images/ic_11.png") no-repeat;
}

#imadefensa {
    background: url("../images/ic_12.png") no-repeat;
}

#imadefensa:active,
#imadefensa:hover,
#imadefensa:focus {
    background: url("../images/ic_13.png") no-repeat;
}

#imacultura {
    background: url("../images/ic_14.png") no-repeat;
}

#imacultura:active,
#imacultura:hover,
#imacultura:focus {
    background: url("../images/ic_15.png") no-repeat;
}

#imapobreza {
    background: url("../images/ic_16.png") no-repeat;
}

#imapobreza:active,
#imapobreza:hover,
#imapobreza:focus {
    background: url("../images/ic_17.png") no-repeat;
}

#imaagro {
    background: url("../images/ic_18.png") no-repeat;
}

#imaagro:active,
#imaagro:hover,
#imaagro:focus {
    background: url("../images/ic_19.png") no-repeat;
}

#imacomExt {
    background: url("../images/ic_20.png") no-repeat;
}

#imacomExt:active,
#imacomExt:hover,
#imacomExt:focus {
    background: url("../images/ic_21.png") no-repeat;
}

#imacomInt {
    background: url("../images/ic_22.png") no-repeat;
}

#imacomInt:active,
#imacomInt:hover,
#imacomInt:focus {
    background: url("../images/ic_23.png") no-repeat;
}

#imaconstruccion {
    background: url("../images/ic_24.png") no-repeat;
}

#imaconstruccion:active,
#imaconstruccion:hover,
#imaconstruccion:focus {
    background: url("../images/ic_25.png") no-repeat;
}

#imactaNal {
    background: url("../images/ic_26.png") no-repeat;
}

#imactaNal:active,
#imactaNal:hover,
#imactaNal:focus {
    background: url("../images/ic_27.png") no-repeat;
}

#imaindustria {
    background: url("../images/ic_28.png") no-repeat;
}

#imaindustria:active,
#imaindustria:hover,
#imaindustria:focus {
    background: url("../images/ic_29.png") no-repeat;
}

#imaprecios {
    background: url("../images/ic_30.png") no-repeat;
}

#imaprecios:active,
#imaprecios:hover,
#imaprecios:focus {
    background: url("../images/ic_31.png") no-repeat;
}

#imaservicios {
    background: url("../images/ic_32.png") no-repeat;
}

#imaservicios:active,
#imaservicios:hover,
#imaservicios:focus {
    background: url("../images/ic_33.png") no-repeat;
}

#imatransporte {
    background: url("../images/ic_34.png") no-repeat;
}

#imatransporte:active,
#imatransporte:hover,
#imatransporte:focus {
    background: url("../images/ic_35.png") no-repeat;
}

#imatecno {
    background: url("../images/ic_36.png") no-repeat;
}

#imatecno:active,
#imatecno:hover,
#imatecno:focus {
    background: url("../images/ic_37.png") no-repeat;
}

#imainfoReg {
    background: url("../images/ic_38.png") no-repeat;
}

#imainfoReg:active,
#imainfoReg:hover,
#imainfoReg:focus {
    background: url("../images/ic_39.png") no-repeat;
}

#imaambiental {
    background: url("../images/ic_40.png") no-repeat;
}

#imaambiental:active,
#imaambiental:hover,
#imaambiental:focus {
    background: url("../images/ic_41.png") no-repeat;
}

#imagenero {
    background: url("../images/ic_42.png") no-repeat;
}

#imagenero:active,
#imagenero:hover,
#imagenero:focus {
    background: url("../images/ic_43.png") no-repeat;
}

/*************IFRAME RENDICIÓN DE CUENTAS *******************************/

/*************IMÁGENES Y TABLAS ARTÍCULOS *******************************/
.article-intro img,
.article-content img {
    display: inline;
}

table {
    border: none;
}

h1,
.h1 {
    font-size: 30px;
}

.tablaInfo {
    border: 1px solid #ffffff;
}

.tablaInfo td {
    border: 1px solid #ffffff;
}

.tablaInfo a {
    color: #fff;
}

.list-group-item {
    padding: 10px 0px;
}

/*-------- Carrusel de noticias KLIXO -----------*/
@media (max-width: 768px) {

    div#klixoSlider_112,
    div#moduleSlideShow112 {
        width: 100% !important;
        transform: translate(0px, 0px) !important;
        min-height: 350px;
        height: auto !important;
    }

    #moduleSlideShow112 div {
        min-height: 350px;
        height: auto !important;
        width: 100% !important;
    }

    div#klixoSlider_112 div.contentBoxWrapper {
        width: 100% !important;
    }

    div.article_slider div.textContent img {
        float: none !important;
    }

    #moduleSlideShow112 img {
        width: 34rem;
        height: auto;
    }

    div#klixoSlider_112 div.navBar {
        width: 100% !important;
    }

    .navbar-nav li a {
        text-align: left;
    }
}

/*-------- Fin Carrusel de noticias KLIXO -----------*/

div.article_slider div.navBar {
    position: relative !important;
}

@media (max-width: 767px) {
    .navbar-nav li a {
        text-align: left;
    }
}

@media (max-width: 991px) {
    #logo_gel {
        padding-top: 0px;
    }

    div.article_slider {
        transform: matrix(0.626087, 0, 0, 0.626087, -215, -60) !important;
    }
}

@media (max-width: 1199px) {
    .t3-megamenu .mega-nav>li .separator {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    div.article_slider {
        transform: matrix(0.817391, 0, 0, 0.817391, -105, -40) !important;
    }
}

@media (min-width: 1200px) {}

/***********CALENDARIO**************/
.jev_toprow div.previousmonth,
.jev_toprow div.nextmonth {
    background-color: #666666;
    border: 1px solid #666666;
}

.jev_toprow div.currentmonth {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

.nav-items>div {
    border: 1px solid #666666;
}

.nav-items>div:last-child {
    border-right: 1px solid #666666;
}

.nav-items>div:first-child {
    border-left: 1px solid #666666;
}

#jevents_body .nav-items div.active a,
.jev_header2 .active a {
    background-color: #575757;
    color: #fff;
}

#jevents_body .nav-items div.active a:hover,
.jev_header2 .active a:hover {
    background-color: #f7f7f7;
    border-left: 1px solid #666666;
    color: #666666;
}

#jevents_body .nav-items>div a:hover {
    border-left: 1px solid #666666;
}

#jevents_body .cal_today a.cal_daylink {
    background-color: rgb(182, 1, 76);
}

#jevents_body .cal_today a.cal_daylink:hover {
    border-left: 1px solid rgb(182, 1, 76);
    border: 1px solid rgb(182, 1, 76);
    color: rgb(182, 1, 76);
}

/*********TABS*******************/
.nn_tabs>ul.nav-tabs>li>a {
    color: #666666;
}

.nn_tabs .nav-tabs>li.active>a,
.nn_tabs .nav-tabs>li.active>a:hover {
    color: #9c2253;
    font-weight: bold;
}

.nn_tabs.top>ul.nav-tabs>li.active>a:focus,
.nn_tabs.top>ul.nav-tabs>li>a:focus {
    -webkit-box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
    -moz-box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
    box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
}

.nn_tabs>ul.nav-tabs>li.active>a:focus,
.nn_tabs>ul.nav-tabs>li>a:focus {
    outline: 0;
    border-color: #ddd;
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    border-left-color: #ddd;
}

.nn_tabs.top>ul.nav-tabs>li.active>a:focus,
.nn_tabs.top>ul.nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
    -moz-box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
    box-shadow: 0px 0px 0px rgba(234, 176, 63, 0);
}

.a2a_kit a {
    display: inline-block;
}

#colorbar {
    z-index: 0 !important;
}

/*RESPONSIVE NOTICIAS ACTUALIDAD DANE 2 COLUMNAS*/
@media (max-width: 500px) {
    .blog-featured .column-1 {
        width: 100% !important;
    }

    .blog-featured .column-2 {
        width: 100% !important;
    }
}

/*INICIO ESTILOS REDISEÑO HOME 2019*/
.newsflash-item h4 {
    text-align: left !important;
}

@media (min-width: 1024px) {
    .newsflash-vertotrasPubl {
        display: flex;
    }

    .newsflash-vertotrasPubl>li:first-child {
        margin: 0 4rem 0 0;
    }
}

.customnewsDANE .nav-pills>li>a {
    border-radius: 0px;
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 0.6vw 2vw;
    border-bottom: 1px solid #ccc;
}

@media (max-width: 1367px) {
    .customnewsDANE .nav-pills>li>a {
        font-size: 1.6rem;
        padding: 0.7em 1.5em;
    }
}

.customnewsDANE .nav-pills>li.active>a,
.customnewsDANE .nav-pills>li.active>a:hover,
.customnewsDANE .nav-pills>li.active>a:focus {
    color: rgb(86, 86, 86);
    background-color: #f3f3f3;
}

.addtoany_list span {
    background-color: #cc085a !important;
}

.custommoduloTemas .modTemasGrupo li a:hover {
    background: rgb(182, 1, 76) !important;
    color: rgb(255, 255, 255) !important;
}

.custommoduloTemas .modTemasGrupo li a:before {
    content: "\f0da";
    /* FontAwesome Unicode */
    margin-right: 1rem;
    padding: 5px;
}

.custommoduloTemas .separator {
    margin-bottom: 2rem !important;
}

.custommoduloTemas .economicas:hover {
    border-bottom: 8px solid #ca6520;
    margin-bottom: -1.3rem;
    padding-bottom: 1rem;
}

.custommoduloTemas .sociales:hover {
    border-bottom: 8px solid #0079a6;
    margin-bottom: -1.3rem;
    padding-bottom: 3rem;
}

.custommoduloTemas .ambientales:hover {
    border-bottom: 8px solid #008f63;
    margin-bottom: -1.3rem;
    padding-bottom: 3.5rem;
}

.mega-group-title .separator img {
    margin-left: 1rem !important;
}

/* inicio estilos modulo indicadores*/

.material-icons {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    width: 3rem;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: "liga";
}

.indicadores-home {
    width: 100vw;
    margin-left: -9%;
}

.indicador_1,
.indicador_2,
.indicador_3,
.indicador_4 {
    border-right: #c5c5c5 1px solid;
}

.indicador_1 {
    width: 17%;
    float: left;
}

.indicador_2 {
    width: 23%;
    float: left;
}

.indicador_3 {
    width: 18%;
    float: left;
}

.indicador_4 {
    width: 20%;
    float: left;
}

.indicador_5 {
    width: 21%;
    float: left;
}

.indicador-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.indi-num_cent {
    text-align: center;
    width: -webkit-fill-available;
}

.indi-graf {
    margin: 0;
}

.indi-name,
.indi-name_s {}

.icon-home {
    color: #4d1726;
    font-weight: bold;
    float: left;
    margin-right: 6px;
}

.indi-num {
    float: left;
    margin-right: 10px;
}

.indi-num h2 {
    font-size: 2.4rem;
    color: #c8085a;
    line-height: 12px;
    margin: 0;
}

.indi-num p,
.indi-num_cent p {
    font-size: 1rem;
    font-weight: 400;
    color: #515151;
    margin: 6px 0px;
    line-height: 18px;
}

.indicador_5>.indi-num {
    margin: -15px 0;
    width: -webkit-fill-available;
}

.indi-name,
.indi-name_s {
    float: left;
    margin: 0 1rem;
}

.indi-name h1,
.indi-name_s h1 {
    /*margin: -10px 0;*/
    margin: -10px 0px 0px 0px;
    line-height: 2rem;
}

.indi-name h1 a,
.indi-name_s h1 a {
    font-weight: 900;
    color: #c8085a;
    line-height: 12px;
}

.indi-name h1 a:hover,
.indi-name_s h1 a:hover,
.indi-name p a:hover {
    text-decoration: underline;
}

.indi-name h1 a {
    font-size: 1.8rem;
    line-height: 1.7rem;
}

.indi-name_s h1 {
    font-size: 1.4rem;
}

.indi-name p a {
    font-size: 1.2rem;
    font-weight: 700;
    color: #515151;
    margin: 7px 0px;
    line-height: 16px;
}

@media (max-width: 1366px) {

    .indicador_1,
    .indicador_2,
    .indicador_3,
    .indicador_4,
    .indicador_5 {
        width: 19%;
    }

    .indicador_4,
    .indicador_5 {
        padding-top: 10px;
    }

    .indi-name,
    .indi-name_s {
        text-align: center;
    }

    .icon-home {
        display: none;
    }

    .indicador_1,
    .indicador_2,
    .indicador_3,
    .indicador_4 {
        margin-right: 1em;
    }

    .indi-name,
    .indi-name_s {
        margin: 0;
    }

    .indicador_5>.indi-num {
        margin: 0;
    }
}

@media (max-width: 1199px) {
    .indi-graf {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .indi-name,
    .indi-name_s {
        margin: 5px auto 0 auto;
        text-align: center;
    }

    .indi-name_s h1 {
        font-size: 14px;
    }

    .indi-name h1,
    .indi-name_s h1 {
        line-height: 15px;
    }

    .indicador_4>.indi-num_cent {
        padding-bottom: 2px;
    }

    .indicador_5>.icon-home {
        width: 15%;
        margin-top: 10px;
    }

    .indicador_5>.indi-name {
        width: 75%;
        margin: 5px -15px 0 -15px;
    }

    .indicador_5>.indi-num {
        margin-top: -2px;
        width: 100%;
        margin-right: 0;
    }

    .indi-name p {
        margin: 0 0 4px 0;
        line-height: 12px;
    }

    .indicadores-home {
        margin-left: 0%;
    }
}

@media (max-width: 1039px) {

    .indicador_1,
    .indicador_2,
    .indicador_3,
    .indicador_4,
    .indicador_5 {
        width: 18%;
    }
}

@media (max-width: 991px) {
    .indicador_5>.indi-name {
        margin: 5px -5px 0 -5px;
    }

    .indi-name h1,
    .indi-name_s h1 {
        font-size: 13px;
        line-height: 14px;
    }

    .indi-name p {
        line-height: 1.2rem;
    }

    .imaHomeRow {
        display: block;
    }
}

@media (max-width: 680px) {
    .indicador_1>a>.indicador-content>.indi-name {
        padding-bottom: 11px;
    }

    .indicador_1,
    .indicador_2,
    .indicador_3 {
        width: 30%;
    }

    .indicador_4,
    .indicador_5 {
        width: 48%;
        margin-top: 3rem;
    }
}

@media (max-width: 649px) {

    .indicador_1,
    .indicador_2,
    .indicador_3 {
        width: 30%;
    }

    .indicador_4,
    .indicador_5 {
        width: 48%;
        margin-top: 3rem;
    }

    .indi-name_s h1 {
        font-size: 12px;
        line-height: 13px;
    }

    .indicador_1>.indi-name {
        padding-bottom: 8px;
    }

    .indicador_3>.indi-name_s {
        padding-bottom: 8px;
    }

    .indicador_4>.indi-num_cent {
        padding-bottom: 9px;
    }

    .indicador_5>.indi-name {
        margin: 5px -10px 0 -10px;
    }
}

@media (max-width: 558px) {

    .indicador_1,
    .indicador_2,
    .indicador_3 {
        width: 29%;
    }

    .indicador_4,
    .indicador_5 {
        width: 48%;
        margin-top: 3rem;
    }

    .indicador_1,
    .indicador_2,
    .indicador_3 {
        margin-bottom: 15px;
    }

    .indicador_5>.icon-home {
        width: 10%;
    }

    .indicador_5>.indi-name {
        width: 90%;
        margin: 5px -40px 0 -40px;
    }

    .indicador_1>.indi-name {
        padding-bottom: 0px;
    }

    .indicador_3>.indi-name_s {
        padding-bottom: 0px;
    }

    .indi-name h1,
    .indi-name_s h1 {
        font-size: 15px;
        line-height: 16px;
    }

    .indicador_5>a>.indicador-content>.indi-num {
        margin-top: -15px;
    }
}

@media (max-width: 430px) {
    .indicador_5>.indi-name {
        margin: 5px -20px 0 -20px;
    }
}

@media (max-width: 370px) {
    .indicador_5>.indi-name {
        margin: 5px -5px 0 -5px;
    }

    .indi-name h1,
    .indi-name_s h1 {
        font-size: 14px;
        line-height: 15px;
    }
}

/* fin estilos modulo indicadores*/
/*FIN ESTILOS REDISEÑO HOME 2019*/
/* FIN customAndre.css */

/*---------------------------------------------------------------------*/

/*ANEXO hoja de estilos customDavid.css (ago21)*/
/*---- header_estilos ----*/

#search {
    margin-top: 10px;
}

.head-search .search::after {
    content: "\f002";
    display: block;
    position: absolute;
    right: 10px;
    top: 50px;
    color: #555555;
}

.languageswitcherload .mod-languages {
    text-align: center;
    padding-top: 5px;
}

.head-search .search::before {
    content: none;
    display: inherit;
    position: inherit;
    left: 0px;
    top: 0px;
    color: #555555;
}

header .languageswitcherload {
    /*border-top: solid 5px rgb(182,1,76);*/
    padding: 10px 0px;
    font-size: x-small;
    margin-top: 0px;
    z-index: 20000;
    position: relative;
    text-align: center;
}

.head-search .search {
    float: none;
}

.form-control:focus,
.form-control[type="search"]:focus {
    width: 100%;
    border: solid 0.5px rgb(182, 1, 76) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    outline: 0;
}

.form-control:focus,
.form-control[type="search"]:focus {
    border-radius: 0px !important;
}

/*------- modulo Busqueda informacion -------*/
#dropdownMenu1 .caret {
    position: relative;
    margin: 0 0 0 63%;
}

/*------ Add GEL ----*/

#links .panel {
    margin-bottom: 0px;
}

#links {
    font-size: x-small;
}

#links a {
    color: rgb(155, 155, 155);
}

#logo_gel {
    padding-top: 60px;
}

#links #button {
    width: 8px;
    height: 8px;
    margin-top: 3px;
    margin-right: 5px;
    float: left;
}

#list1,
#list2,
#list3 {
    padding-top: 2.5em;
}

/* FIN customDavid.css */
/*---------------------------------------------------------------------*/

/* MENÚ SUPERIOR ARTICULOS (MÓDULO)*/
.btns-top {
    display: flex;
    justify-content: flex-end;
}

.btn-list-direct,
.btn-encuesta {
    float: left;
}

.btn-accesos.btn-default,
.btn-enc-web.btn-default {
    padding: 0.5em 1em;
    min-height: auto;
    font-size: 14px;
}

.btn-accesos.btn-default {
    color: #333333;
    margin-right: 1em;
}

.btn-enc-web.btn-default {
    border-color: #bc144f;
    background-color: #bc144f;
}

.btn-enc-web>a,
.btn-enc-web>a:visited {
    color: #ffffff;
}

.btn-enc-web:hover.btn-default {
    border-color: #7d0641;
    background-color: #7d0641;
}

.btn-accesos>.caret {
    margin-left: 12px;
    padding-top: 3px;
}

/* FIN MENÚ SUPERIOR ARTICULOS (MÓDULO) */
/*---------------------------------------------------------------------*/

/*Styles topbar gobierno*/

.TopbarGobierno {
    background: #0066cd;
    height: auto;
    margin-top: -0.5rem;
    padding: 0.5rem 0rem;
}

.TopbarGobierno .container-topbar {
    margin: 0rem 17rem;

}


.TopbarGobierno .imgLogoGov {
    width: 30%;
    padding: 6px 0px;
}

.TopbarGobierno .right-content {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 0.4rem;
}

.TopbarGobierno .clusterEnlaces .btn-link {
    font-size: 14px;
    color: white;
    font-weight: normal;
}

.instagram-footer {
    margin-left: 40px;
    background-image: url("../../../../files/images/nuevaImg/instagram_footer_off.png");
}

.instagram-footer:hover {
    background-image: url("../../../../files/images/nuevaImg/instagram_footer_on.png");
    cursor: pointer;
}

.twitter-footer {
    margin-left: 40px;
    background-image: url("../../../../files/images/nuevaImg/twitter_footer_off.png");
}

.twitter-footer:hover {
    background-image: url("../../../../files/images/nuevaImg/twitter_footer_on.png");
    cursor: pointer;
}

.facebook-footer {
    margin-left: 40px;
    background-image: url("../../../../files/images/nuevaImg/facebook_footer_off.png");
}

.facebook-footer:hover {
    background-image: url("../../../../files/images/nuevaImg/facebook_footer_on.png");
    cursor: pointer;
}

.youtube-footer {
    margin-left: 40px;
    background-image: url("../../../../files/images/nuevaImg/youtube_footer_off.png");
}

.youtube-footer:hover {
    background-image: url("../../../../files/images/nuevaImg/youtube_footer_on.png");
    cursor: pointer;
}

.linkedin-footer {
    margin-left:
        40px;
    background-image:
        url("../../../../images/linkedin_footer_off.png");
}

.linkedin-footer:hover {
    background-image:
        url("../../../../images/linkedin_footer_on.png");
    cursor:
        pointer;
}

.tiktok-footer {
    margin-left:
        40px;
    background-image:
        url("../../../../images/tiktok_footer_off.png");
}

.tiktok-footer:hover {
    background-image: url("../../../../images/tiktok_footer_on.png");
    cursor:
        pointer;
}

.logos-GOV-CO {
    max-width: 165px;
    margin-bottom: 3rem;
}

.clusterBkgnamefooter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

.separateFooterLogos {
    margin-left: 40px;
}

.EnlaceGov {
    display: flex;
    justify-content: start;
    margin-top: 0.5rem;
}


/* Responsive breakpoints */

@media (max-width: 575.98px) {

    .TopbarGobierno .right-content {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0.4rem;
    }

    .TopbarGobierno {
        background: #0066cd;
        height: auto;
        margin-top: -0.5rem;
        padding: 0rem;
    }

    .clusterEnlaces {
        display: flex;
        flex-direction: column;
    }

    .TopbarGobierno .container-topbar {
        margin: 0rem 0rem;

    }

    .EnlaceGov {
        display: flex;
        justify-content: center;
    }

    .TopbarGobierno .imgLogoGov {
        width: 20%;
    }

    .TopbarGobierno .clusterEnlaces .btn-link {
        font-size: 16px;

    }

    .clusterBkgnamefooter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3rem;
    }

    .separateFooterLogos {
        display: none;
    }

    .text-info_dane h5 {
        text-align: center;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {
    .TopbarGobierno .container-topbar {
        margin: 0rem 0rem;

    }

    .EnlaceGov {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .TopbarGobierno .container-topbar {
        margin: 0rem 3rem;

    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .TopbarGobierno .container-topbar {
        margin: 0rem 13rem;

    }

    .TopbarGobierno .imgLogoGov {
        width: 35%;
    }
}

@media (min-width: 1400px) and (max-width: 1919.98px) {

    .TopbarGobierno .container-topbar {
        margin: 0rem 13rem;

    }

    .TopbarGobierno .imgLogoGov {
        width: 35%;
    }
}

@media (min-width: 1920px) {}


/*End Responsive Styles topbar gobierno*/


/*ESTILOS AJUSTE LOGO DANE 70 AÑOS 2023*/
@media (min-width: 992px) {
    .logo_dane_cumpleanos70 {
        width: 140%;
    }
}

@media (max-width: 500px) {
    .logo_dane_cumpleanos70 img {
        width: 80%;
    }

    .logo_dane_cumpleanos70 {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .logo_dane_cumpleanos70 img {
        margin-top: 30px;
    }
}

@media (min-width: 1367px) {
    .logo_dane_cumpleanos70 {
        width: 130%;
        max-width: 340px;
    }
}

@media (min-width: 992px) {
    .logo_dane_cumpleanos70 {
        margin-top: 3rem;
    }
}

@media (max-width: 767px) {
    .logo_dane_cumpleanos70 img {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }

    .fecha_dane {
        display: block
    }
}

/* FIN ESTILOS AJUSTE LOGO DANE 70 AÑOS 2023*/

/* Estilos ajuste para visualización de las gráficas de Datawrapper*/
iframe.grafica-datawrapper {
    width: 0;
    min-width: 100% !important;
    border: none;
    padding: 0 10rem;
    height: 40rem !important;
}

@media (max-width: 990px) {
    iframe.grafica-datawrapper {
        padding: 0rem;
        height: 50rem !important;
    }
}

/* FIN Estilos ajuste para visualización de las gráficas de Datawrapper*/

/* ESTILOS PROVISIONAL LOGO NUEVO GOBIERNO 18-05-2023 */
.clusterLogoDane {
    display: flex;
    justify-content: end;
    width: 100%;
}

.clusterLogoColombia {
    display: flex;
    justify-content: start;
    width: 100%;
}

.box_logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 17rem;
}

.box_logos #colombia {
    width: 30%;
}

.box_logos #dane {
    width: 42%;
}

.box_metaHeader {
    display: flex;
    justify-content: end;
    margin: 0 17rem;
}



/* Inclusion de código para slider indicadores */


#IndicadoresMobile {
    display: none;
}

/* End inclusion de código para slider indicadores */


/* Responsive breakpoints */

@media (max-width: 575.98px) {
    .box_logos {
        margin: 0 6rem;
    }

    .box_logos #colombia {
        width: 70%;
    }

    .box_logos #dane {
        width: 100%;
    }

    /* Inclusion de código para slider indicadores */
    #IndicadoresDesktop {
        display: none;
    }

    #IndicadoresMobile {
        display: block;
    }

    /* End inclusion de código para slider indicadores */

    .n2-ss-laye {
        width: 100% !important;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {
    /* your content here */
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .box_logos {
        margin-bottom: 3rem;
        gap: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* your content here */
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .box_logos,
    .box_metaHeader {
        margin: 0 14rem;
    }

}

@media (min-width: 1400px) and (max-width: 1919.98px) {
    /* your content here */
}

@media (min-width: 1920px) {
    /* your content here */
}

@media (max-width: 767px) {
    .idioms-line {
        padding: 0;
        height: auto;
    }

    .box_metaHeader {
        display: block;
        margin: auto !important;
    }

    .navbar-nav li a {
        padding: 15px 20px;
        width: 97%;
    }
}

/* END ESTILOS PROVISIONAL LOGO NUEVO GOBIERNO 18-05-2023 */

/* Ajuste de espacio para el encabezado h1 nativo de Joomla (24-01-2025)*/
.page-header {
    margin: 40px 0 20px !important;
}

/* FIN Ajuste de espacio para el encabezado h1 nativo de Joomla*/
/* Ajustes barra de busqueda de Google CSE (ago2025)*/

#buscador-google-dane {
    margin-bottom: -10px;
    position: inherit;
}

.gsc-input,
.gsc-input td,
.gsc-search-button {
    border: none !important;
}

#gs_tti50 input {
    box-shadow: none;
    padding: 5px 9px 4px 10px !important;
    background-position-x: 10px !important;
    height: 29px !important;
    margin: 0px !important;
}

#gs_tti50 input:focus {
    border: solid 0.5px rgb(182, 1, 76) !important;
    border-radius: 0px !important;
}

.gsib_a {
    padding: 0 !important;
}

/* FIN Ajustes barra de busqueda de Google CSE*/

/* ======================================================================
   ESTILOS DE SECCIONES (fusionado desde custonSecciones.css)
   ====================================================================== */

@charset "utf-8";

/* ESTE CONTIENE ESTILOS CSS PARA LOS DISENOS ESPECIALES DE LAS SECCIONES TEMATICAS DE LA PAGINA
   actualizado sept/2024
   
   1.) CNPV
   2.) EMM
   3.) IPC
   4.) MERCADO LABORAL
   5.) ECONOMIA NARANJA
   6.) ESTILOS GENERALES TEMATICAS
   7.) TEMATICA ECONOMIA
   8.) BIBLIOTECA JURIDICA
   9.) TEMATICA SOCIEDAD
   10.) ESTILOS ESPECIFICOS INVESTIGACIONES
   11.) CENSO ECONÓMICO
   12.) OTROS
   13.) RESOLUCION 1519
   14.) OBJETIVOS DE DESARROLLO SOSTENIBLE - ODS 2022
   15.) DANE EN LOS MEDIOS
   16.) ESTILOS SECCION TRACCION ANIMAL
   17.) RENDICION DE CUENTAS 2023
   18.) INVITACIONES PUBLICAS
   19.) LEY DE ESTADISTICAS
   20.) CENSO ECONOMICO 2024
   21.) INICIO OBJETIVOS DE DESARROLLO SOSTENIBLE- ODS 2024
   22.) AUTORECONOCIMIENTO ETNICO WAYUUU
   23.) SELLO CERTIFICAION CALIDAD ESTADISTICA (SEN)GF
   24.) POBLACION NEGRA AFROCOLOMBIANA RAIZAL Y PALENQUERA
   25.) SECCION CAMPESINADO
   26.) SECCION CATASTRO MULTIPROPOSITO
   27.) MEJORAS AL HOME DANE
   28.) NOTA ACTUALIDAD DANE - CAMBIO DE BASE
   29.) FOOTER -GOBIERNO
   30.) CUENTAS NACIONALES -HOME2025-
   31.) NORMATIVIDAD   
   32.) SECCION VICHE

/*---------------------------------------------------------------------*/

:root {
    /*colores principales DANE*/
    --color-prinicipal: #B6004C;
    --color-secundario: #7D0641;
    --color-terciario: #E85984;
    --color-cuarto: #FADBE4;

    /*colores neutros*/
    --color-neutro-1: #333333;
    --color-neutro-2: #909090;
    --color-neutro-3: #BABABA;
    --color-neutro-4: #E3E3E3;
    --color-neutro-5: #d9d9d9;
    --color-neutro-6: #666666;
    --color-neutro-7: #ffffff;

    /*colores territorio*/
    --color-territorio-1: #048260;
    --color-territorio-2: #004138;
    --color-territorio-3: #4CA18A;
    --color-territorio-4: #D3F4EB;

    /* colores sociedad */
    --color-sociedad-1: #066A8E;
    --color-sociedad-2: #044861;
    --color-sociedad-3: #5E9AAF;
    --color-sociedad-4: #D3E8EF;

    /* colores economia */
    --color-economia-1: #604581;
    --color-economia-2: #3E245C;
    --color-economia-3: #9E85BD;
    --color-economia-4: #E2D8F0;

    /* colores footer mintic */
    --color-footer-mintic-1: #3666cc;
    --color-footer-mintic-2: #004884;

    /*Medidas*/
    --contenedor-general: 85%;
    --contenedor-general-resp: 95%;

    /* color fuentes */
    --color-tipo16: #212529;
}

/* 1.) CNPV */

/*ESTILOS ACORDEONES CNPV MAPA*/

.caribe a:link,
.cafetero a:link,
.pacifica a:link,
.central a:link,
.llanos a:link,
.amazonia a:link,
.cronologico a:link,
.tematica a:link {
    color: white;
    text-transform: uppercase;
    font-weight: normal;
}

.caribe a:hover,
.cafetero a:hover,
.pacifica a:hover,
.central a:hover,
.llanos a:hover,
.amazonia a:hover,
.cronologico a:hover,
.tematica a:hover {
    color: #B5144E !important;
}

.cronologico {
    background-color: rgb(182, 1, 76);
}

.tematica {
    background-color: rgb(182, 1, 76);
}

.caribe {
    background-color: #4B0B2E;
}

.cafetero {
    background-color: #DE2B5A;
}

.pacifica {
    background-color: #F39B9B;
}

.central {
    background-color: #F7AC6F;
}

.llanos {
    background-color: #CFC666;
}

.amazonia {
    background-color: #4DA880;
}


/* INICIA ESTILOS NUEVO DISEÑO PARA ARTÍCULOS DEL CENSO NACIONAL DE POBLACIÓN Y VIVIENDA 2018*/


#cnpv,
#cnpv p {
    font-size: 14px;
    color: #3C3C3B;
    font-weight: 300;
}

#cnpv .bg-fluidOutSideContainer,
#cnpv .bg-fluidOutSideContainer1,
#cnpv .bg-fluidOutSideContainer2,
#cnpv .bg-fluidOutSideContainer3,
#cnpv .bg-fluidOutSideContainer4 {
    width: 100vw;
    height: 80vh;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-top: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 1250px) and (max-width: 1437px) {
    #cnpv .bg-fluidOutSideContainer {
        background-position: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1249px) {
    #cnpv .bg-fluidOutSideContainer {
        background-position: 75%;
    }
}

/*Tablet*/
@media (min-width: 319px) and (max-width: 768px) {
    #cnpv .bg-fluidOutSideContainer {
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 80%;
    }
}

/*
#cnpv .background {
  width: 300px;
  margin-bottom: 10px;
  background-image: url(/../files/censo2018/call-mapasTematicos_02.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  }
#cnpv .background:hover {
  background-image: url(/../files/censo2018/call-mapasTematicos_02_hover.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  width: 300px;
}
#cnpv .background-2 {
  width: 300px;
  margin-bottom: 10px;
  background-image: url(/../files/censo2018/call-mapasTematicos_01.png);
      background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  }
#cnpv .background-2:hover {
  background-image: url(/../files/censo2018/call-mapasTematicos_01_hover.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  width: 300px;*/

#cnpv .background h2 {
    margin-top: 30px !important;
    font-size: 2.3rem !important;
    line-height: 1.2 !important;
    color: #3C3C3B !important;
}

#cnpv .background h2:hover {
    color: #fff !important;
}

#cnpv .background #donde-mapas-btn a:hover {
    background-color: #fff;
    color: #0C2C2D !important;
}

#cnpv .background hr {
    border-color: #007E84 !important;
    margin-top: 10px !important;
}

#cnpv .far {
    color: #B5144E;
    padding: 0px 5px 0px 0px;
}

#cnpv .hrDonde-mapas hr {
    border-color: #007e84;
    border-width: 5px;
    width: 180px;
    margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas hr {
    border-color: #B5144E;
    border-width: 5px;
    width: 180px;
    margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas-disabled hr {
    border-color: #d4d4d4;
    border-width: 5px;
    width: 180px;
    margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas img,
#cnpv .hrTecnicos-herramientas-disabled img {
    width: 50%;
    margin: 20px auto 0px 30px;
}

#cnpv .hrTecnicos-herramientas .fuente {
    margin: 8px 0;
    color: #3C3C3B;
}

#cnpv .hrTecnicos-herramientas .fuente_active {
    margin: 8px 0;
    color: #b6144e;
}



#cnpv .camera_pag_ul {
    display: none;
}

#cnpv .table-striped tr:nth-child(2n) {
    background-color: #fffc;
}

#cnpv .table-striped tr td:nth-child(3) {
    width: 20%;
}

#cnpv .tab-content h2,
#cnpv .tab-content h4 {
    color: #3C3C3B !important;
}

#cnpv .icono {
    width: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

#cnpv .icono-link {
    width: 20px;
    margin-right: 10px;
}

#cnpv .v-align {
    vertical-align: middle !important;
}

#cnpv .v-align:last-child {
    padding-right: 20px;
    padding-left: 20px;
}

#cnpv .disabled {
    color: #eee !important;
}

#cnpv .nav-tabs a {
    color: #3C3C3B;
}

#cnpv .btn-disabled a {
    background-color: #D4D4D4 !important;
}

#cnpv .nav-tabs>li>a:hover,
#cnpv .nav-tabs>li.active>a,
#cnpv .nav-tabs {
    border: 0;
}

#cnpv .tab-content .fecha {
    padding-top: 20px;
    font-weight: bold;
    margin: 100px 0 10px 5px;
}

#cnpv .nav-tabs li {
    margin: -10px 12px 0px 0px !important;
    padding: 20px 10px !important;
}

#cnpv .nav-tabs li .title {
    color: #eee;
}

#cnpv .nav-tabs li a:hover,
#cnpv .nav-tabs li a:focus,
#cnpv .nav-tabs li a:active {
    color: #3C3C3B;
}

#cnpv .nav-tabs li.active {

    border-bottom: 4px solid #B5144E;
    background-color: #fff0;
    margin: -10px 12px 0px 0px;
    padding: 20px 10px;
}

#cnpv .nav-tabs li.active .title {
    color: #3C3C3B;
}

#cnpv .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #B5144E;
    background-color: rgba(255, 255, 255, 0) !important;
}


#cnpv .table-striped h4,
#cnpv .table-striped h4 {
    color: #3C3C3B !important;
}

#cnpv .icon-doc {
    width: 1.5rem;
    margin: 0 7px 0 0;
}

#cnpv .table-striped a {
    color: #3C3C3B !important;
    font-weight: 600 !important;
}

#cnpv .table-striped a:hover {
    color: #B5144E !important;
    font-weight: 600 !important;
}

#cnpv .donde-mapas p {
    width: 300px;
}

#cnpv .title {
    font-size: 3.3rem !important;
    text-transform: uppercase;
    color: #656565;
    text-align: left;
    line-height: 3.3rem;
}

#cnpv .bg-fluidOutSideContainerDefault4 .hrDonde hr {
    border-color: #007e84;
    border-width: 5px;
    width: 150px;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

#cnpv .bg-fluidOutSideContainerDefault,
#cnpv .bg-fluidOutSideContainerDefault4 {
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

#cnpv .bg-fluidOutSideContainerDefault img {
    width: 100vw !important;
}

#cnpv .bg-fluidOutSideContainerDefault4 {
    background-color: #F7F7F7;
}

#cnpv .bg-fluidOutSideContainer {
    /*rojo*/
    /* border-bottom: #B5144E solid 7px;*/
    background-image: url("../../../files/censo2018/cnpvHome.jpg");
}

#cnpv .bg-fluidOutSideContainer1 {
    /*naranja*/
    border-bottom: #EC6907 solid 7px;
    background-image: url("../../../files/censo2018/foto-gente.jpg");
}

#cnpv .bg-fluidOutSideContainer2 {
    /*verde*/
    border-bottom: #007E84 solid 7px;
    background-image: url("../../../files/censo2018/foto-tierra.jpg");
}

#cnpv .bg-fluidOutSideContainer3 {
    /*azul*/
    border-bottom: #005694 solid 7px;
    background-image: url("../../../files/censo2018/foto-casa.jpg");
}

#cnpv .bg-fluidOutSideContainer1 .textContainer,
#cnpv .bg-fluidOutSideContainer2 .textContainer,
#cnpv .bg-fluidOutSideContainer3 .textContainer {
    width: 34vh;
}

#cnpv .textContainer {
    position: relative;
    right: -3vw;
    top: 3vh;
}

#cnpv .NoteTitle {
    position: relative;
    top: 21vh;
    left: 14vw;
    color: white;
    font-weight: bold;
    font-size: 17px;
    text-align: right;
}

#cnpv .ojo {
    color: #B5144E;
}

#cnpv .area1 {
    /*height:10vh;*/
    margin: -20px 0 30px 0;
}


#cnpv .point {
    font-weight: bold;
}

#cnpv .subtitle_contamos {
    line-height: 3rem;
    font-size: 31px;
    font-weight: bold;
    color: rgb(182, 1, 76);
}

#cnpv .subtitle-min {
    font-size: 2.7rem;
    line-height: 3rem;
    color: #3C3C3B;
    margin-bottom: 2rem !important;
}


#cnpv .bg-fluidOutSideContainer h1,
.bg-fluidOutSideContainer1 h1,
#cnpv .bg-fluidOutSideContainer2 h1,
#cnpv .bg-fluidOutSideContainer3 h1 {
    font-size: 5em;
    font-weight: 600;
    color: #fff;
    line-height: 8rem;
    text-align: right;
    text-transform: uppercase;
}

#cnpv .bg-fluidOutSideContainer h2,
.bg-fluidOutSideContainer1 h2,
#cnpv .bg-fluidOutSideContainer2 h2,
#cnpv .bg-fluidOutSideContainer3 h2 {
    font-size: 2.7rem;
    color: #fff;
    font-weight: 500;
    position: absolute;
    right: 0px;
    margin-top: 2rem;
}

#cnpv .bg-fluidOutSideContainer h2 em,
.bg-fluidOutSideContainer1 h2 em,
#cnpv .bg-fluidOutSideContainer2 h2 em,
#cnpv .bg-fluidOutSideContainer3 h2 em {
    font-size: 2.7rem;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    line-height: 3rem;
}

#cnpv .bg-fluidOutSideContainer hr,
#cnpv .bg-fluidOutSideContainer1 hr,
#cnpv .bg-fluidOutSideContainer2 hr,
#cnpv .bg-fluidOutSideContainer3 hr,
.hrLittle hr {
    border-width: 5px;
    width: 180px;
    float: right;
    margin-top: 10px;
}

#cnpv .bg-fluidOutSideContainer h3,
#cnpv .bg-fluidOutSideContainer1 h3,
#cnpv .bg-fluidOutSideContainer2 h3,
#cnpv .bg-fluidOutSideContainer3 h3 {
    position: absolute;
    border-radius: 5px;
    transform: rotate(352deg);
    background-color: white;
    float: right;
    border-image: url(../../../files/censo2018/textura-borde.jpg) 5 round !important;
    border: 7px solid transparent;
    padding: 15px;
    cursor: default;
    text-transform: uppercase;
    color: #B5144E;
    margin-top: 9rem;
    right: 0px;
    right: 0px;
    font-size: 2.5rem;
    box-shadow: 2px 1px #fff;
}

#cnpv .bg-fluidOutSideContainer .smallData,
#cnpv .bg-fluidOutSideContainer1 .smallData,
#cnpv .bg-fluidOutSideContainer2 .smallData,
#cnpv .bg-fluidOutSideContainer3 .smallData {
    font-size: 3.5em;
}


/*Desktop L*/
@media only screen and (min-width: 1441px) {

    #cnpv .textContainer {
        right: 21vh;
        /* top: 5vh;*/
    }

    #cnpv .NoteTitle {
        top: 21vh;
        left: 11vw;
        font-size: 17px;
    }

    #cnpv .bg-fluidOutSideContainer,
    #cnpv .bg-fluidOutSideContainer1,
    #cnpv .bg-fluidOutSideContainer2,
    #cnpv .bg-fluidOutSideContainer3 {
        background-position-x: 50%;
    }

    .customnewsDANE .nav-pills li {
        float: left;
        width: 100%;
    }

}

/*Desktop*/
@media (min-width: 1025px) and (max-width: 1440px) {

    #cnpv .textContainer {
        right: -3vh;
        top: 3vh;
        width: 90vw !important;
    }

    #cnpv .NoteTitle {
        /*  top: 22vh;
  left: 14vw;
  width: 21vw;*/
        width: 32vw;
        float: right;
    }

    .customnewsDANE .nav-pills li {
        float: left;
        width: 100%;
    }
}

/*Laptop*/
@media (min-width: 769px) and (max-width: 1024px) {
    /* #cnpv .textContainer{
 left: 45vh;
  top: -1vh;
}*/

    #cnpv .NoteTitle {
        top: 21vh;
        left: 21vw;
        /*width: 29vw;*/
    }

    #cnpv .nav-pills>li:first-child {
        margin-bottom: 2rem;
        float: none;
    }
}

@media (max-width: 769px) and (min-width: 375px) {
    .nav-pills li {
        float: none;
    }
}

/*Tablet*/
@media (min-width: 426px) and (max-width: 768px) {
    #cnpv .textContainer {
        left: 7vh;
        top: 3vh;
    }

    #cnpv .bg-fluidOutSideContainer h2,
    .bg-fluidOutSideContainer1 h2,
    #cnpv .bg-fluidOutSideContainer2 h2,
    #cnpv .bg-fluidOutSideContainer3 h2 {
        right: 120px;
    }

    #cnpv .bg-fluidOutSideContainer h3,
    #cnpv .bg-fluidOutSideContainer1 h3,
    #cnpv .bg-fluidOutSideContainer2 h3,
    #cnpv .bg-fluidOutSideContainer3 h3 {
        right: 120px;
    }

    #cnpv .bg-fluidOutSideContainer h2 em,
    .bg-fluidOutSideContainer1 h2 em,
    #cnpv .bg-fluidOutSideContainer2 h2 em,
    #cnpv .bg-fluidOutSideContainer3 h2 em {
        right: 100px;
    }

    #cnpv .bg-fluidOutSideContainer .NoteTitle {
        top: 21vh;
        /* left: 27vw;*/
    }

    #cnpv .bg-fluidOutSideContainer,
    #cnpv .bg-fluidOutSideContainer1,
    #cnpv .bg-fluidOutSideContainer2,
    #cnpv .bg-fluidOutSideContainer3 {
        color: #B5144E;
    }

    #cnpv .bg-fluidOutSideContainer h1,
    #cnpv .bg-fluidOutSideContainer1 h1,
    #cnpv .bg-fluidOutSideContainer2 h1,
    #cnpv .bg-fluidOutSideContainer3 h1 {
        font-size: 3.5em;
        /* font-size:4em;*/
        width: 80%;
        right: 0;
        /*right: -125px;*/
        position: relative;
        line-height: 6rem;
    }
}

/*mobile L*/
@media (min-width: 376px) and (max-width: 425px) {
    #cnpv .bg-fluidOutSideContainer .textContainer {
        right: 10vh;
        top: 4vh;
        font-size: 2.5em;
        line-height: 1.3em;
    }

}

/*mobile M*/


@media (min-width: 319px) and (max-width: 375px) {
    #cnpv .textContainer {
        right: 5vh;
        top: 4vh;
    }

    @media (min-width: 319px) and (max-width: 768px) {
        #cnpv .bg-fluidOutSideContainer .textContainer h1 hr {
            margin-right: 90px;
        }
    }

    #cnpv .bg-fluidOutSideContainer h1,
    .bg-fluidOutSideContainer1 h1,
    #cnpv .bg-fluidOutSideContainer2 h1,
    #cnpv .bg-fluidOutSideContainer3 h1 {
        font-size: 2.5em;
        line-height: 1.3em;
    }

    #cnpv .bg-fluidOutSideContainer hr,
    #cnpv .bg-fluidOutSideContainer1 hr,
    #cnpv .bg-fluidOutSideContainer2 hr,
    #cnpv .bg-fluidOutSideContainer3 hr,
    .hrLittle hr {
        position: relative;
        left: 0vw;
    }

    #cnpv .bg-fluidOutSideContainer h2,
    .bg-fluidOutSideContainer1 h2,
    #cnpv .bg-fluidOutSideContainer2 h2,
    #cnpv .bg-fluidOutSideContainer3 h2 {
        position: relative;
        left: 25vw;
    }

    #cnpv .bg-fluidOutSideContainer h3,
    #cnpv .bg-fluidOutSideContainer1 h3,
    #cnpv .bg-fluidOutSideContainer2 h3,
    #cnpv .bg-fluidOutSideContainer3 h3 {
        position: relative;
        /*right: 33vw;*/
        bottom: 3vh;
    }

    #cnpv .NoteTitle {
        text-align: center;
        top: 0;
    }
}

/*mobile S*/
@media only screen and (max-width: 320px) {
    #cnpv .textContainer {
        right: 10vh;
        top: 4vh;
    }

}




.hrCenso hr,
.hrLittle hr {
    border-color: #B5144E;
}

.hrCuantos hr {
    border-color: #EC6907;
}

.hrDonde hr {
    border-color: #007e84;
}

.hrComo hr {
    border-color: #005694;
}

.hrLittle hr {
    float: left;
    width: 37px;
    margin-top: -1rem;
    margin-bottom: 0rem;
}

#cnpv .nav-pills>li:first-child {

    margin-top: -1rem;
    width: 30rem;
}

#cnpv .nav-pills>li>a {
    color: #575756 !important;
    font-size: 1em;
    border-radius: 0px;
    text-transform: uppercase;
}

#cnpv .nav-pills>li>a:hover {
    background-color: #fff;
}

#cnpv .dropdown-menu {
    background-color: #5B5B5B;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}

#cnpv .dropdown-menu li a,
#cnpv .dropdown-menu li a:hover {
    color: #ffffff !important;
    background-color: #5B5B5B;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    font-weight: 200 !important;
    font-size: 0.9em;
}

#cnpv .dropdown-menu li a:not(:last-child) {
    border-bottom: 0.01em solid #F4F4F4 !important;
}

#cnpv .nav .open {
    background-color: #5B5B5B;
}

#cnpv li.active {
    border-bottom: 2px solid #B5144E;
    background-color: #fff;
}

#cnpv .nav-pills>li.active>a {
    background-color: #fff;
    color: #B5144E;
    cursor: default;
}

#cnpv .nav-pills li.activeCuantos {
    border-bottom: 2px solid #ec6907;
    background-color: #fff;
}

#cnpv .nav-pills>li.activeCuantos>a {
    background-color: #fff;
    color: #ec6907 !important;
    cursor: default;
}

#cnpv .nav-pills li.activeDonde {
    border-bottom: 2px solid #007E84;
    background-color: #fff;
}

#cnpv .nav-pills>li.activeDonde>a {
    background-color: #fff;
    color: #007E84 !important;
    cursor: default;
}

#cnpv .nav-pills li.activeComo {
    border-bottom: 2px solid #005694;
    background-color: #fff;
}

#cnpv .nav-pills>li.activeComo>a {
    background-color: #fff;
    color: #005694 !important;
    cursor: default;
}

#cnpv .nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
}

#cnpv .nav-tabs>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #fff0;
    cursor: pointer;
}

#cnpv .subtitle {
    font-size: 2.7rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #3C3C3B;
    margin-bottom: 2rem !important;
}

#cnpv .photoOverlay {
    background-color: rgba(0, 0, 0, 0.65);
    padding: 1rem 18rem 1rem 1rem;
    position: relative;
    bottom: 6rem;

}

#cnpv .photoOverlay div {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    cursor: pointer;
}

#cnpv .photoOverlay div a,
#cnpv .photoOverlay div a:hover {
    color: #fff !important;
}

#cnpv .moreInfo {
    color: #fff;
    position: absolute;
    right: 1.4rem;
    bottom: 1.4rem;
    font-weight: 700;
    font-size: 0.95em;
    cursor: pointer;
}

#cnpv-btn {
    margin: 20px 0 40px 0;
}

#cnpv-btn a {
    padding: 5px 30px;
    background-color: #B5144E;
    color: #fff !important;
    font-weight: 500;
    font-size: 16px;
    /*- text-transform: uppercase;*/
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;

}

#cnpv-btn a:hover {
    background-color: #c44371;
    color: #ffffff !important;
    text-decoration: none;
}

p span.fuente {
    font-size: 14px;
    font-weight: 700;
}

/*como vivimos*/
#como-vivimos {
    background-color: #fff;
    padding: 0 0;
}

#como-vivimos .container {
    border: dotted #222;
    border-width: 0 0 1px 0;
}

#cnpv .vivimos {
    border-color: #005694 !important;
    color: #005694 !important;
}

.primer-bloque {
    border: dotted #222;
    border-width: 0 0 1px 0;
    margin-top: 30px;
    display: inline-block;
}

#cnpv .notas p {
    border-top: 1px solid gray;
    padding-top: 10px;
    margin: 0;
}

#cnpv .left {
    padding: 1rem 1.5rem 1rem 1.5rem;
    position: relative;
    bottom: 8rem;
    width: 300px;
}

/*#cnpv a{
color:#B5144E;
font-weight: 400 !important;
}
#cnpv a:hover{
color:#B5144E;
font-weight: 400 !important;
}*/

#donde-btn,
#cuantos-btn,
#como-btn,
#donde-mapas-btn {
    margin: 40px auto 30px auto;
    text-align: center;
}

#donde-btn a,
#cuantos-btn a,
#como-btn a,
#donde-mapas-btn a {
    padding: 5px 30px;
    color: #fff !important;
    font-weight: 500;
    font-size: 1.5rem;
    text-transform: uppercase;
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;
    margin: 25px 0px 0px 0px;
    text-align: center;
}

#cuantos-btn a {
    background-color: #EC6907;
}

#donde-btn a {
    background-color: #007e84;
}

#como-btn a {
    background-color: #005694;
}

#donde-mapas-btn a {
    background-color: #007e84;
    color: #0C2C2D;
}

#donde-btn a:hover,
#cuantos-btn a:hover,
#como-btn a:hover {
    background-color: #50bcbd;
    color: #ffffff !important;
    text-decoration: none;
}

#cuantos-btn a:hover {
    background-color: #EC6907;
}

#donde-btn a:hover {
    background-color: #50bcbd;
}

#como-btn a:hover {
    background-color: #005694;
}

#cnpv .resaltado {
    padding: 4px;
    border-radius: 3px;
    margin: 2px;
    border: 1px solid #B5144E;
    color: #B5144E;
    font-weight: bold;
}

#cnpv .fuente {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

#cnpv #transversal .fuente {
    text-align: center;
}

#cnpv #transversal img {
    display: block;
    margin: auto;
    padding-bottom: 1rem;
}

#cnpv .doc-btn {
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    padding: 0.5rem;
    font-size: 1.6rem;
    margin: 2rem 0px;
}


/* 4 de julio CNPV*/


.color_seccion-1 {
    background-color: #B3194F !important;

}

.color_seccion-2 {
    background-color: #107E83 !important;

}

.color_seccion-3 {
    background-color: #0A5792 !important;

}

.color_seccion-1:hover,
.color_seccion-2:hover,
.color_seccion-3:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.color_seccion-1:hover {
    background-color: #631028 !important;

}

.color_seccion-2:hover {
    background-color: #006064 !important;

}

.color_seccion-3:hover {
    background-color: #0d47a1 !important;

}

.arrow_ico {
    width: 1% !important;
    margin-left: 1vh;
}

.cnpvModal-notinfotmation {
    padding: 5px 30px;

    background-color: #D4D4D4;
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;
}

/*-------CNPV + estilos de tema general (rediseños 2022)----------------*/
#cnpv .inf-titles h1,
#cnpv .inf-titles h2,
#cnpv .inf-titles h3,
#cnpv .menu-cnpv .nav>li>a.active,
#cnpv .menu-cnpv .nav>li>a:focus,
#cnpv .menu-cnpv .nav>li>a:hover,
#cnpv nav.menu-lateral ul li a,
#cnpv .indice-temas ul li a:hover,
#cnpv .indice-temas ul li a:focus,
#cnpv .indice-temas ul li a:hover:before,
#cnpv .info-intro h2,
#cnpv .btn-documento,
#cnpv .indice-herramientas h2,
#cnpv .info-tecnica_tabs ul li a,
#cnpv .info-tecnica_tabs .nav-tabs>li>a h2,
#cnpv .box-data .data .btn-icon h2 {
    /*color: #B6004C;*/
    color: #3C3C3B;
}

#cnpv .hr-temas hr {
    border-color: #B6004C;
}

#cnpv .tema-btn a,
#cnpv .tabla-docs-tema thead.header-1,
#cnpv .info-tecnica_tabs .nav-tabs>li.active>a,
#cnpv .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#cnpv .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #B6004C !important;
}

#cnpv .tema-btn a:hover {
    background-color: #d1578a !important;
}

/*-------FIN CNPV + estilos de tema general (rediseños 2022)----------------*/




/* FIN ESTILOS NUEVO DISEÑO PARA ARTÍCULOS DEL CENSO NACIONAL DE POBLACIÓN Y VIVIENDA 2018*/


/*---------------------------------------------------------------------*/


/* 2.) EMM */
/*ANCARDENASC|EMM */
.EMM_date,
.EMM_date_2 {
    font-weight: bold;
}

.EMM_date_2 {
    color: #b6014c !important;
}

.EMM_media {
    margin-top: 5vh;
}

.vacantes h3 {
    font-size: 1rem;
    color: #3C3C3B;
}

.vacantes li {
    list-style: none;
}

.number {
    background-color: #b6014c;
    width: auto !important;
    height: auto !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 5%;

}

.number2 {
    font-size: 16px !important;
}

.number3 {
    font-size: 16px !important;
}

.mapa {
    width: 25vw;
}

.EMM_title {
    color: #b6014c !important;
}

.EMM_subtitle {
    font-size: 2em !important;
}

.EMM_subtitle_2 {
    color: #3C3C3B;
    font-weight: bold;
    font-size: 15px !important;
    line-height: 3rem;
    margin-bottom: 2rem !important;
}

.EMM_title_table {
    font-size: 1.3em !important;
    line-height: 2.5rem !important;
}

.bullets_numbers {
    padding: 0 4px 0 4px;
    background-color: #b6014c;
    color: #fff;
    font-size: 10px;
}

.background_1 {
    background-color: #eeeeee;
}

.table_intro>tbody>tr>th,
.table_intro>tbody>tr>td {
    padding: 1vh 0.2vw;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none !important;
}

.component_position {
    position: relative;
    left: 2vw;
}

.icon_EMM {
    width: 5%;
}

.btn_city {
    background-color: transparent;
    border: none;
}

.dropdown_background {
    background: white !important;
    padding: 0.5vh 0.5vw;
}

.dropdown_background_2 {
    background: white !important;
    padding: 0.5vh 0.5vw;
    width: 20vw;
}

.spacing_table {
    border-top: 3px solid white !important;
    text-align: left;
    font-size: 1em
}

.space {
    height: 14vh;
}

.space_2 {
    height: 35vh;
}

.space_3 {
    margin-left: 1vw;
}

.element_mt {
    position: relative;
    top: 4vh;
}

.nota {
    border: 1px solid #B5144E;
    border-radius: 2px;
    padding: 0.5vh 1vw;
}

/*mobile S*/
@media only screen and (max-width: 320px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: auto !important;
    }

    .space {
        height: 20vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*mobile M*/
@media (min-width: 321px) and (max-width: 375px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: auto !important;
    }

    .space {
        height: 20vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*mobile L*/
@media (min-width: 376px) and (max-width: 425px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: auto !important;
    }

    .space {
        height: 20vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*Tablet*/
@media (min-width: 426px) and (max-width: 768px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: auto !important;
    }

    .space {
        height: 13vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*Laptop*/
@media (min-width: 769px) and (max-width: 1024px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: auto !important;
    }

    .space {
        height: 13vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*Desktop*/
@media (min-width: 1025px) and (max-width: 1440px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: 30vh;
    }

    .space {
        height: 14vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

/*Desktop L*/
@media only screen and (min-width: 1441px) {
    .EMM_title_table_2 {
        font-size: 1.2em !important;
        line-height: 1.5rem !important;
    }

    .space_2 {
        height: 20vh;
    }

    .space {
        height: 9.5vh;
    }

    .number {
        width: auto !important;
        height: auto !important;
    }

    .tab_1 {
        margin: 0 !important;
    }

    .tab_1 p {
        font-size: 12px !important;
    }

    .dropdown_background_2 {
        height: auto !important;
    }

    .mapa {
        width: 100vw;
    }

}

.nota {
    border: 1px solid #B5144E;
    border-radius: 2px;
    padding: 0.5vh 1vw;
}

/*---------------------------------------------------------------------*/

/* 3.) IPC */
/* ipc Section */
#tf-ipc hr {
    padding: 0px;
}

#tf-ipc h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 600;
    font-style: italic;
    text-transform: none;
    color: #4B3A5F;
}

#ipc-btns a {
    color: #fff;
}

#ipc-btns {
    padding: 5px 30px;
    background-color: #4B3A5F;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: none;
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;
    margin: 0 0 40px 0;
}

#ipc-btns:hover {
    background-color: #9D7EB8;
    color: #201C31;
}

#ipc-btns:hover {
    background-color: #9D7EB8;
    color: #201C31;
}

#tf-ipc h1+hr {
    border-color: #fcac45;
    border-width: 4px;
    width: 80px;
    float: left;
    clear: both;
}

#tf-ipc h2 {
    font-size: 25px;
    font-weight: 600;
    text-transform: none;
    color: #4B3A5F;
}

#tf-ipc #numbers {
    padding: 1px 2px 2px 2px;
    background-color: #4B3A5F;
    color: #fff;
}

#tf-ipc #pie {
    font-size: 10px;
    line-height: normal;
}

#tf-ipc #pielinea {
    width: 60px;
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    float: left;
    border-top: 1px solid #999;
}

#tf-ipc #lineaIPCaspectos {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    float: none;
    border-top: 1px solid #999;
    border-style: dotted;
}

#tf-ipc .lineaIPCvertical {
    border-right: 1px dotted #c1c1c1;
}

#tf-ipc .lineaIPCvertical:last-child {
    border-right: none;
}

#tf-ipc #icono-ipc {
    padding: 20px 0;
}

/*Tables Enero 10*/

#tf-ipc #accordion a:focus,
a:active {
    color: #fff;
}

#tf-ipc #accordion a:hover {
    color: #fcac45 !important;
}

#tf-ipc table {
    box-sizing: content-box;
    padding: 10px;
    background-color: white;
    outline: 1px solid #dddddd;
    outline-offset: 15px;
}

#tf-ipc table th {
    padding: 10px;
    background-color: #494066;
    color: white;
}

#tf-ipc #accordion table th {
    background-color: white;
    color: #333333;
}

#tf-ipc table tr {
    text-transform: initial;
    padding: 9px;
}

#tf-ipc table tr td:nth-child(2) {
    text-align: center;
}

#tf-ipc table td,
th {

    text-align: left !important;
    padding: 8px;
    vertical-align: middle;

}

#tf-ipc #hrtrs {
    border-bottom: 1px dotted #ccc;
}

#tf-ipc #tdgray {
    background-color: #f8f8f8;
}

#codcoicop {
    font-size: 11px;
    color: #4B3A5F;
}

#tf-ipc .panel-default>.panel-heading {
    color: #fff;
    background-color: #4B3A5F;
    border-color: #ddd;
}

#tf-ipc #titaccordion {
    text-transform: none;
}

#tf-ipc #entran {
    color: #07916A !important;
}

#tf-ipc #icono-ipc-lista {
    margin: 0 15px 0 0;
    background-color: #fff;
    border-radius: 25px;
    padding: 2px 2px;
    border: none;
}


/*Tablas Enero 18*/
#tf-ipc .headerstablas-ipc {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #4B3A5F;
    width: 16%;
}

#tf-ipc .headerstablas-ipc2 {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #6C5D82;
    width: 16%;
}

#tf-ipc .tdcenter {
    text-align: center;
    vertical-align: middle;
}

#tf-ipc .totalipctable2019 {
    font-size: 18px;
    font-weight: bold;
    color: #4B3A5F;
}

.photoOverlayIPC {
    background-color: rgba(73, 64, 102, 0.6);
    padding: 2rem 18rem 1rem 1rem;
    position: relative;
    bottom: 6rem;
    height: 6rem;
}


/*Tables Febrero 5*/


#ipc2019-cont-iconos {
    background-color: #e8e8e8;
    padding: 20px 10px 0 10px;
    border-radius: 10px 10px 0 0;
}

.ipc2019-nombre-divi-gasto {
    background-color: #fca600;
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 0 0 10px 10px;
    margin: 0 0 40px 0;
}

#ipc2019-bullets-numbers {
    padding: 0 4px 0 4px;
    background-color: #fca600;
    color: #fff;
    font-size: 10px;
}

.photoOverlayIPC {
    background-color: rgba(73, 64, 102, 0.6);
    padding: 2rem 18rem 1rem 1rem;
    position: relative;
    bottom: 6rem;
    height: 6rem;
}

.photoOverlayIPC div {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.photoOverlayIPC div a,
.photoOverlayIPC div a:hover {
    color: #fff !important;
    font-size: 1.25rem;
}

.photoOverlayIPC .moreInfo {
    color: #4B3A5F;
    position: absolute;
    right: 1.4rem;
    bottom: 1.4rem;
    font-weight: 700;
    font-size: 0.95em;
    cursor: pointer;
}


/* responsive tabla */

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

    #tf-ipc td,
    #tf-ipc tr td {
        display: table-cell;
        width: 100%;
        height: auto;
    }
}


/*Tablas nueva maquetacion rediseño*/
#ipc .tabla-docs-tema thead.header-1 {
    background-color: #4b3a5f !important;
}


/*---------------------------------------------------------------------*/

/* 4.) MERCADO LABORAL*/

/* INICIO ESTILOS MERCADO LABORAL ACTUALIZADO FEBRERO 2022 (NUEVO MARCO 2018)*/

/* temporales que no estan en tema-general*/
#mercado-laboral h1 {
    margin-bottom: 1rem !important;
}

#mercado-laboral h2 {
    font-size: 2.7rem;
    line-height: 3rem;
    color: #6d2248;
}

#mercado-laboral .hrLittle hr {
    border-color: #fec13b;
    border-width: 4px;
    margin-top: 2rem;
}


/* Estilos para el menú*/
#mercado-laboral .nav-pills.menu-ml>li {
    float: left;
    margin: 0 00px;
}

#mercado-laboral ul.nav.nav-pills.menu-ml {
    padding-top: 4.5em;
}

#mercado-laboral ul.nav.nav-pills.menu-ml li a {
    color: #575757;
    font-size: 1.5em;
    padding: 15px 16px;
    border-radius: 30px;
}

#mercado-laboral ul.nav.nav-pills.menu-ml li a:hover {
    text-decoration: none;
    background-color: #a84172;
    color: #fff;
    transition: all 0.2s;
}

.menu-ml>li>a:focus,
.menu-ml>li>a:hover {
    text-decoration: none;
    background-color: rgba(6, 121, 163, 0.10);
    border-radius: 20px 20px;
    color: #B5144E;
}


/*Enlaces*/
#mercado-laboral .investigaciones-mercado-laboral a:link {
    text-decoration: none;
    cursor: pointer;
    color: #333333;
    line-height: 15px;
    font-size: 1.1em;
}

#mercado-laboral .table-striped tr:nth-child(2n) {
    background-color: #fffc;
}

#mercado-laboral .table-striped tr td:nth-child(3) {
    width: 20%;
}

#mercado-laboral .table-striped h4,
#mercado-laboral .table-striped h4 {
    color: #3C3C3B !important;
}

#mercado-laboral .icono {
    width: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

#mercado-laboral .icon-doc {
    width: 1.5rem;
    margin: 0 7px 0 0;
}

#mercado-laboral .table-striped a {
    color: #3C3C3B !important;
    font-weight: 600 !important;
}

#mercado-laboral .table-striped a:hover {
    /*color: #EE7228 !important; NARANJA */
    color: #B5144E !important;
    font-weight: 600 !important;
}

#mercado-laboral .tema-btn a,
#mercado-laboral .tabla-docs-tema thead.header-1,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #EE7228 !important;
}

#mercado-laboral .tema-btn a:hover {
    background-color: #FABF8F !important;
}

/*MODAL*/

#conceptos-geih .modal-dialog {
    margin: auto;
    width: 90%;
    max-width: 900px;
}

#conceptos-geih .modal-header {
    padding: 3rem 2.5rem;
    border-bottom: 1px solid #a84172;
}

#conceptos-geih .modal-body {
    padding: 3rem 4rem 2rem 4rem;
}

#conceptos-geih .modal-footer {
    padding: 1rem 2.5rem;
    border-top: 1px solid #a84172;
}

#conceptos-geih .modal-footer .btn {
    color: #fff;
    background-color: #6d2248;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 20px 20px;
    -moz-border-radius: 20px 20px;
    -webkit-border-radius: 20px 20px;
    border-radius: 20px 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#conceptos-geih .modal-footer .btn-default {
    min-height: 0;
}

#conceptos-geih .modal-footer .btn:hover {
    background-color: #ef3f6f;
}

#conceptos-geih .modal-title {
    color: #6d2248;
    font-weight: 700;
    font-size: 20px;
    float: left;
    margin-top: -10px;
}

.concept-txt p,
.concept-txt ul li {
    color: #333333;
    ;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

#conceptos-geih .concept-title,
#conceptos-geih .concept-subtitle {
    font-weight: 700;
    font-size: 15px;
}

#conceptos-geih .concept-title {
    color: #ef3f6f;
}

#conceptos-geih .concept-subtitle {
    color: #333333;
}

ul.list-n1 {
    list-style-type: none;
    margin-left: 20px;
    padding: 0;
}

ul.list-n1 li {
    margin-bottom: 10px;
}

ul.list-n2 {
    list-style-type: disc;
    margin-top: 10px;
}

ul.list-n2 li {
    margin-bottom: 0px;
    margin-left: 20px;
}

#conceptos-geih p {
    margin-bottom: 10px;
}

#conceptos-geih ul {
    margin-bottom: 10px;
    display: inline-grid;
    float: left;
    width: 100%;
}


@media (min-width: 992px) and (max-width: 1199px) {
    #mercado-laboral ul.nav.nav-pills.menu-ml {
        padding-top: 0;
    }

    #mercado-laboral .nav-pills.menu-ml>li {
        margin: 0 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mercado-laboral .nav-pills.menu-ml>li {
        margin: 0 20px;
    }

    #mercado-laboral ul.nav.nav-pills.menu-ml li a {
        padding: 8px 12px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #mercado-laboral .logo-investigacion img {
        margin: 0 auto;
        max-width: 50%;
        display: block;
    }

    #mercado-laboral ul.nav.nav-pills.menu-ml {
        padding-top: 20px;
        display: flex;
        place-content: center;
    }

    #mercado-laboral .nav-pills.menu-ml>li {
        margin: 0 10px;
    }

    #mercado-laboral ul.nav.nav-pills.menu-ml li a {
        padding: 8px 12px;
    }

    #mercado-laboral .tutorial-mercadol {
        margin: 10px 0;
        display: flex;
        place-content: center;
    }

    #mercado-laboral #tf-ipc p {
        margin: 30px 0;
    }

    #mercado-laboral .herramienta {
        margin-bottom: 30px;
        margin-top: 20px;
    }
}


@media (max-width: 575px) {
    #mercado-laboral .logo-investigacion img {
        margin: auto;
        max-width: 70%;
        display: block;
    }

    #mercado-laboral ul.nav.nav-pills.menu-ml {
        padding-top: 20px;
        display: block;
        text-align: center;
    }

    #mercado-laboral .nav-pills.menu-ml>li {
        margin: 0 auto;
        float: none;
        width: 60%;
    }

    #mercado-laboral .tutorial-mercadol {
        margin: 10px 0;
        display: flex;
        place-content: center;
    }
}


/*-------MERCADO LABORAL + estilos de tema general (rediseños 2022)----------------*/
#mercado-laboral .inf-titles h1,
#mercado-laboral .inf-titles h2,
#mercado-laboral .inf-titles h3,
#mercado-laboral .menu-mercado-laboral .nav>li>a.active,
#mercado-laboral .menu-mercado-laboral .nav>li>a:focus,
#mercado-laboral .menu-mercado-laboral .nav>li>a:hover,
#mercado-laboral nav.menu-lateral ul li a,
#mercado-laboral .indice-temas ul li a:hover,
#mercado-laboral .indice-temas ul li a:focus,
#mercado-laboral .indice-temas ul li a:hover:before,
#mercado-laboral .info-intro h2,
#mercado-laboral .btn-documento,
#mercado-laboral .indice-herramientas h2,
#mercado-laboral .info-tecnica_tabs ul li a,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li>a h2,
#mercado-laboral .box-data .data .btn-icon h2 {
    color: #6d2248;
}

#mercado-laboral .hr-temas hr {
    border-color: #fec13b;
}

#mercado-laboral .tema-btn a,
#mercado-laboral .tabla-docs-tema thead.header-1,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #a84172 !important;
}

#mercado-laboral .tema-btn a:hover {
    background-color: #ef3f6f !important;
}

#mercado-laboral .indice-temas ul li a:before {
    color: #B6004C !important;
}

/*Inicio Banner temática*/
#mercado-laboral .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/banner-mercadolaboral-marco2018.svg);
}

#mercado-laboral nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/flecha-der_soc-off.svg) no-repeat;
}

#mercado-laboral nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/flecha-der_soc-on.svg) no-repeat;
}

/*Fin Banner temática*/

/*TABS*/
#mercado-laboral .nn_tabs .nav-tabs>li.active>a,
#mercado-laboral .nn_tabs .nav-tabs>li.active>a:hover {
    color: #FFF !important;
}

#mercado-laboral .rl_tabs .nav-tabs>li>a {
    color: #a84172 !important;
    line-height: 0.9em;
}

#mercado-laboral li.active>a {
    background-color: #a84172 !important;
    ;
}

#mercado-laboral .tabscortas .nav-tabs a {
    padding: 0.7em 1em !important;
    font-size: 1.7em;
}

#mercado-laboral .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane,
#mercado-laboral .tabs-bg-gris .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane {
    background-color: #FFF;
}

#mercado-laboral .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane,
#mercado-laboral .tabs-bg-blanco .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane {
    background-color: #f7f7f7;
}

/*Fin TABS*/

/*-------FIN MERCADO LABORAL + estilos de tema general (rediseños 2022)----------------*/


/* FIN ESTILOS MERCADO LABORAL JULIO 2019*/
/*---------------------------------------------------------------------*/


/* 5.) ECONOMíA NARANJA >> ECONOMÍA CULTURAL CREATIVA*/

/* INICIO ECONOMIA NARANJA*/

.eco-naranja-general {
    font-size: 4.7mm;
}

.eco-naranja-general p {
    font-size: 4.7mm;
}

.eco-naranja-general .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
    padding: 15px 15px !important;
    background-color: rgba(237, 237, 237, 1) !important;
    border-radius: 0 !important;
    border: 0px solid #000 !important;
}

.eco-naranja-general .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
    border-top: 0px solid #e5e5e5 !important;
    padding: 0 !important;
}

.eco-naranja-general .rl_sliders.accordion>.accordion-group {
    border: 0px solid #e5e5e5 !important;
}

.eco-naranja-general .rl_tabs.outline_content>.tab-content>.tab-pane {
    padding: 0 !important;
}

.eco-naranja-general .ht-tamano {
    width: 100px;
    position: relative;
}

.eco-naranja-general .nn_tabs .nav-tabs>li.active>a,
.eco-naranja-general .nn_tabs .nav-tabs>li.active>a:hover {
    color: #ffffff !important;

}

.eco-naranja-general .nn_tabs .nav-tabs>li>a,
.eco-naranja-general .nn_tabs .nav-tabs>li>a {
    color: #000 !important;
    color: rgb(86, 86, 86) !important;
}

.eco-naranja-general .rl_tabs .nav-tabs>li.active>a,
.eco-naranja-general .rl_tabs .nav-tabs>li.active>a:hover {
    background-color: #D03F6D !important;
}

.eco-naranja-general .rl_tabs .nav-tabs>li>a,
.eco-naranja-general .rl_tabs .nav-tabs>li>a {
    background-color: #e5e5e5 !important;
}

.eco-naranja-general .rl_tabs.outline_handles ul.nav-tabs>li a,
.eco-naranja-general .rl_tabs.outline_handles ul.nav-tabs>li a:hover {
    border: 0px solid #ddd;
}

.eco-naranja-general .rl_tabs .nav-tabs>li>a {
    margin-right: 0px !important;
    padding: 13px 33px !important;
    line-height: 18px;
    border: 0px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.eco-naranja-general .rl_tabs.outline_content>.tab-content {
    border: 0px solid #ddd !important;
    border-top: 1px solid #D03F6D !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.eco-naranja-general .col-gris-nar {
    color: #333 !important;
}

@media (min-width: 1000px) {
    .t-formulario-naranja {
        font-size: 24px;
    }
}

.eco-naranja-general hr {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.eco-naranja-general th,
.eco-naranja-general td {
    line-height: 1.42857143 !important;
    vertical-align: inherit !important;
}

.eco-naranja-general .menu-naranja ul li a {
    line-height: 1.2;
}

.eco-naranja-general .logo-naranja {
    padding-left: 0 !important;
}

.eco-naranja-general .logo-naranja img {
    width: 220px !important;
}

/* -------------- menu naranja --------------- */


.eco-naranja-general .dropdown-menu {
    min-width: 242px;
}

.eco-naranja-general .accordion-heading a:visited,
.eco-naranja-general .accordion-heading a:hover,
.eco-naranja-general .accordion-heading a {
    color: #D03F6D !important;
}

.eco-naranja-general .dropdown-menu>li>a {
    padding: 12px 20px;
}

.eco-naranja-general .nav>li>a {
    color: #474747;
}

.eco-naranja-general .menu-naranja {
    margin-top: 20px;
}

.eco-naranja-general .navbar {
    margin-bottom: 0;
}

.eco-naranja-general .nav>li>a:focus,
.eco-naranja-general .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #D03F6D;
}

.eco-naranja-general .menu-naranja-c .nav>li>a.color-act {
    color: #D03F6D;

}

.eco-naranja-general .dropdown-menu>li>a.color-act {
    color: #D03F6D;
}

/* ---------- finm menu --------------- */

/* ------  menu accesos y encuesta  ----- */
.eco-naranja-general .h2,
.eco-naranja-general h2 {
    font-size: 30px;
    line-height: 1.2;
}

a:hover {
    text-decoration: none;
}

.eco-naranja-general a:link {
    font-size: 4.7mm;
}

.btn-list-direct,
.btn-encuesta {
    float: left;
}

.btns-top {
    display: flex;
    justify-content: flex-end;
    margin: -30px 0 0 0;
    padding-right: 14px;
}

.btn-accesos.btn-default {
    color: #333333;
    margin-right: 1em;
}

.btn-default {
    width: auto;
    min-height: 38px;
    background: rgb(255, 255, 255);
    box-shadow: none;
    text-align: left;
    font-size: 13px;
    padding: 8px 10px;
    display: inline-block;
    border: 1px solid #cccccc;
}

.dropdown-menu.acce-di-to>li>a {
    padding: 3px 20px;
}

.btn-enc-web.btn-default {
    border-color: #bc144f;
    background-color: #bc144f;
}

.btn-enc-web.btn-default a {
    color: #fff;
}

.btn-enc-web.btn-default a:hover {
    color: #fff;
    text-decoration: none;
}

.anexos p {
    padding: 0 0 20px 0;
}


/* ------ fin menu accesos y encuesta  ----- */

.eco-naranja-general h1,
.eco-naranja-general h2,
.eco-naranja-general h3,
.eco-naranja-general h4,
.eco-naranja-general h5,
.eco-naranja-general h6 {
    margin: 0;
}

.acce-encu-naranja {
    padding-top: 25px;
}

.acce-encu-naranja nav ul {
    list-style: none;
    display: flex;
    float: right;
}

.acce-encu-naranja nav ul li a {
    text-decoration: none;
    padding: 10px 18px;
}

.acce-encu-naranja nav ul li.acc-eco-naranja {
    margin-right: 10px;
}

.acce-encu-naranja nav ul li.enc-eco-naranja {
    color: #fff;
    border-radius: 4px;
}

.acce-encu-naranja nav ul li.acc-eco-naranja a {
    color: #5e5e5e;
    border: 1px solid #989393;
    border-radius: 4px;
    background-color: #fff;
}

.act-naranja-home {
    text-decoration: none !important;
    color: #D03F6D !important;
}

.act-naranja-home:hover {
    text-decoration: none;
}

.acce-encu-naranja nav ul li.enc-eco-naranja a {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #be0c4d;
    background-color: #be0c4d;
}

.tercer-naranja {
    width: 83%;
    line-height: 1.4 !important;
    font-size: 20px;
}

.tercer-naranja span {
    font-size: 20px;
}

h2.subtitulo-negro-naranja {
    color: #333333;
}

strong.negrita-naranja {}

.logo-tamaño-naranja {
    width: 220px;
}

@media (min-width: 900px) {
    nav.liks-banner-naranja ul li a {
        font-size: 27px !important;
    }
}

@media (min-width: 900px) {
    .tamano-r {
        font-size: 50px !important;
        line-height: 0.8 !important;
    }

    .tamano-r2 {
        font-size: 50px !important;
        line-height: 1.4 !important;
    }
}

.span-pie-naranja {
    color: #D03F6D;
    font-size: 15px;
}

.padding-abajo-parrafos-naranja {
    padding-bottom: 15px;
}

.economia-naranja-art hr {
    margin-top: 2px;
    margin-bottom: 2px;
}

.padding-abajo-naranja {
    padding-bottom: 60px;
}

.padding-arriba-naranja {
    padding-top: 60px;
}

.padding-abajo-titulosh-naranja {
    padding-bottom: 40px;
}

.padding-lados-cero {
    padding-left: 0;
    padding-right: 0;
}

.p-cero-naranja {
    padding-left: 0;
    padding-right: 0;
}

/** inicio reportes *******/

nav.liks-banner-naranja.report ul li a {
    padding-top: 0px;
}

nav.liks-banner-naranja.report ul li {
    margin-bottom: 12px;
    padding: 13px 27px;
}


/****** fin reportes ******/

.economia-naranja-art .row {
    margin-left: 0px;
}

.economia-naranja-art p {
    margin: 0;
}

.banner-economia-naranja p {
    line-height: 1;
}

.banner-economia-naranja .fondo1-naranja {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/fondo-banner.jpg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: cover;
}

/* Boton blanco */
.tema-general .btn-white {
    float: right;
    margin-right: 3rem;
}

.tema-general .btn-white .tema-btn a {
    background-color: #fff;
    color: #be0c4d !important;
}

.tema-general .btn-white .tema-btn a:hover {
    opacity: 0.7;
    transition: 0.2s all ease-in;
}

/* Boton blanco */

.color-b-naranja {
    color: #fff;
}

.color-b-naranja p {
    color: #fff;
}


.quieres-ser-parte-naranja img {
    width: 100%;
}

.sistema-info-naranja {
    font-size: 35px;
}

.mitad-naranja {
    display: flex;
    align-items: center;
    height: 350px;
}

.padding-lados-cero {
    padding-left: 0;
    padding-right: 0;
}

.banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
    font-size: 12.3mm;
}

.banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
    font-size: 24mm;
    text-shadow: 1px 1px #969696;
}

.linea-hor1-naranja {
    width: 79%;
}

.banner-enlaces-naranja {
    padding-left: 39px;
}

.color-nf-naranja {
    color: #D03F6D;
}

.enlaces-int-naranja p {
    font-size: 6mm;
}

nav.liks-banner-naranja ul {
    padding: 0 0;
}

nav.liks-banner-naranja ul li {
    list-style: none;
    border: 1px solid #dbdbdb;
    height: auto;
    display: block;
    align-items: center;
    padding: 41px 27px;
    border-radius: 5px;
}

nav.liks-banner-naranja ul div h2 {
    padding-bottom: 20px;
    color: #D03F6D;
    font-size: 44px;
    line-height: 1;
}

nav.liks-banner-naranja ul div p {
    font-size: 24px;
    line-height: 1.3;
}

nav.liks-banner-naranja ul li a {
    text-decoration: none;
    margin-left: 12px;
    color: #D03F6D;
    font-size: 27px;
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    margin: 0;
    padding-top: 32px;
}

.liks-banner-naranja img {
    margin-left: 111px;
    width: 45px;
}

.linea-h-normal-naranja hr {
    border-top: 1px solid #d4d3d3;
}

.que-es-naranja strong {}

.borrar-naranja {
    clear: both;
}

.linea-corta-naranja {
    width: 115px;
}

.linea-corta-naranja hr {
    border-top: 3px solid #D03F6D;
}

.tres-naranja:nth-child(1) .cuadro-naranja {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tres-naranja:nth-child(2) .cuadro-naranja {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tres-naranja:nth-child(3) .cuadro-naranja {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cuadro-naranja {
    width: 334px;
    height: 334px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}

.contenido-botones-naranja {
    width: 334px;
    height: 334px;
    margin-top: 234px;
    padding-left: 26px;
    padding-top: 23px;
    transition: all 1s;
    cursor: pointer;
}

.cuadro-naranja:hover>.contenido-botones-naranja {
    width: 334px;
    height: 334px;
    background-color: #fff;
    margin-top: 0px;
    transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja h3 {
    font-size: 20px;
    color: #000;
    transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja h3 a {
    font-size: 20px;
    color: #000;
    transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja .contenido-items-naranja {
    opacity: 0.9;
    transition: all 1s;
}

.contenido-botones-naranja h3 {
    font-size: 25px;
    color: #fff;
    transition: all 1s;
    line-height: 1;
}

@media (min-width: 1000px) {
    .contenido-botones-naranja h3 a {
        font-size: 25px !important;
    }
}

.contenido-botones-naranja h3 a {
    font-size: 25px;
    color: #fff;
    transition: all 1s;
    line-height: 1;
}

.eco-naranja-general .img-mr {
    display: none;
}

.contenido-botones-naranja:hover>h3 {
    font-size: 20px;
    color: #000;
    transition: all 1s;
}

.contenido-botones-naranja .contenido-items-naranja {
    opacity: 0;
    transition: all 1s;
}

.contenido-botones-naranja:hover>.contenido-items-naranja {
    opacity: 0.9;
    transition: all 1s;
}

.contenido-items-naranja ul {
    list-style-type: square;
    padding-left: 18px;
}

.contenido-items-naranja ul li {
    color: #D03F6D;
    padding-bottom: 10px;
}

.contenido-items-naranja ul li p,
.contenido-items-naranja ul li p a,
.contenido-items-naranja ul li p a:hover {
    color: #000;
}

.paddin-linea-items-naranja {
    padding: 20px 0;
    width: 87px;
}

.paddin-linea-items-naranja hr {
    border-top: 3px solid #D03F6D;
}

.centro-naranja {
    margin-left: auto;
    margin-right: auto;
}

.derecha-naranja {
    margin-left: auto;
}


/* -------- LINEA TIEMPO ------------------- */

.contenedor-largo-naranja {
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 49%;
}

.general-mesa-info-naranja .linea-tiempo input {
    display: none;
}

.general-mesa-info-naranja .linea-tiempo label {
    cursor: pointer;
}

.general-mesa-info-naranja .ano {
    background-color: #e5e5e5;
    padding: 6px 10px;
    width: 138px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: -6px;
    margin-right: -5px;
}

.general-mesa-info-naranja .content-siena2 {
    padding: 0 40px 10px 40px;
}

.general-mesa-info-naranja .linea-0 {
    height: 4px;
    background: #ccc;
    width: 100%;
    position: relative;
    top: -14px;
}

.general-mesa-info-naranja .fondo-linea-t-naranja2 .linea-0 {
    top: -44px;
}

.linea-tiempo-nar .linea-0 {
    height: 4px;
    background: #ccc;
    width: 100%;
    position: relative;
    top: -14px;
}

.general-mesa-info-naranja .linea {
    height: 4px;
    background: #D03F6D;
    width: 10%;
    transition: all 2s;
    position: relative;
    top: -18px;
}

.linea-tiempo-nar .linea {
    height: 4px;
    background: #D03F6D;
    width: 10%;
    transition: all 2s;
    position: relative;
    top: -18px;
}

.mesa-fondo-naranja .padding-ari-aba-naranja {
    padding-top: 22px;
    padding-bottom: 15px;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~.linea {
    width: 7%;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~.linea {
    width: 21%;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~.linea {
    width: 36%;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~.linea {
    width: 50%;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~.linea {
    width: 64%;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~.linea {
    width: 79%;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~.linea {
    width: 93%;
}

.padding-container-largo-naranja-lt {
    padding-left: 55px;
    padding-right: 55px;
}

.padding-container-largo-naranja {
    padding-left: 34px;
    padding-right: 34px;
}

.padding-ari-aba-naranja {
    padding-top: 70px;
}

.general-mesa-info-naranja .esconder {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
}

.eco-naranja-general .nov-dic {
    width: 14px !important;
    height: 14px;
    padding: 0px 6px !important;
    text-align: center;
    display: flex !important;
    align-items: center;
    top: 0;
    position: relative;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~.contenido-info1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~.contenido-info2 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~.contenido-info3 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~.contenido-info4 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~.contenido-info5 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~.contenido-info6 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~.contenido-info7 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~label.activo1 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~label.activo2 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~label.activo3 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~label.activo4 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~label.activo5 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~label.activo6 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~label.activo7 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .cursorbt {
    cursor: pointer;
}

.general-mesa-info-naranja .cursorbt p {
    color: rgb(86, 86, 86);
}

.mesa-informa.general-mesa-info-naranja input#anobt1:checked~.linea-tiempo-nar1 {
    display: block;
}

.mesa-informa.general-mesa-info-naranja input#anobt2:checked~.linea-tiempo-nar {
    display: block;
}

.mesa-informa.general-mesa-info-naranja input#anobt3:checked~.linea-tiempo-nar3 {
    display: block;
}

.general-mesa-info-naranja .botont {
    display: none;
}

.mesa-informa.general-mesa-info-naranja input#anobt1:checked~.bt-tactivo1 p {
    color: #fff;
}

.mesa-informa.general-mesa-info-naranja input#anobt2:checked~.bt-tactivo2 p {
    color: #fff;
}

.general-mesa-info-naranja .linea-tiempo2 input {
    display: none;
}

.general-mesa-info-naranja .linea-tiempo2 label {
    cursor: pointer;
}

.general-mesa-info-naranja .linea-0-1 {
    height: 4px;
    background: #ccc;
    width: 100%;
    position: relative;
    top: -54px;
}

.general-mesa-info-naranja .linea-1 {
    height: 4px;
    background: #D03F6D;
    width: 10%;
    transition: all 2s;
    position: relative;
    top: -18px;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~.linea-1 {
    width: 12%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~.linea-1 {
    width: 36%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~.linea-1 {
    width: 60%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~.linea-1 {
    width: 85%;
}

.general-mesa-info-naranja .esconder {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
}

.mesa-fondo-naranja {
    padding-top: 10px;
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 49%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~.contenido-info1-1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~.contenido-info2-1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~.contenido-info3-1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~.contenido-info4-1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~label.activo1-1 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~label.activo2-1 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~label.activo3-1 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~label.activo4-1 span {
    background-color: #D03F6D;
    transition: all 2s;
    color: #fff;
}

.general-mesa-info-naranja .po-re {
    position: relative;
}

.general-mesa-info-naranja .linea-tiempo-nar .t-label {
    width: 13.9%;
    position: relative;
    z-index: 2;
}

.general-mesa-info-naranja .t-label {
    width: 24%;
    position: relative;
    z-index: 2;
}

.general-mesa-info-naranja .stil-la {
    border-radius: 42px;
    background-color: #fff;
    border: 1px solid #D03F6D;
    padding: 6px 0px;
    width: 14px;
    display: block;
    text-align: center;
    color: rgb(86, 86, 86);
}

.general-mesa-info-naranja .bt-f {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

.general-mesa-info-naranja .bt-fder {
    margin-left: auto;
}

.general-mesa-info-naranja .bt-fiz {
    margin-right: auto;
}

.general-mesa-info-naranja .numero-t {
    float: left;
}

.general-mesa-info-naranja .numero-t p {
    border: 1px solid #D03F6D;
    background-color: #D03F6D;
    border-radius: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px 0 0 0;
    color: #fff;
}

.general-mesa-info-naranja .img-set1 {
    text-align: right;
    margin-top: 17px;
}

.general-mesa-info-naranja .img-set1 img {
    width: 85%;
}

.general-mesa-info-naranja .borrar-1 {
    clear: both;
}

.general-mesa-info-naranja .cont-to {
    padding-top: 2px;
    padding-bottom: 11px;
}

.general-mesa-info-naranja .linea-tiempo-nar1 strong {
    font-weight: bold;
    color: #000;
}

.general-mesa-info-naranja .numero-t p {
    font-size: 13px;
}

.general-mesa-info-naranja .mayo-24 {
    padding: 28px 27px;
    border: 1px solid #D03F6D;
    margin-top: 38px;
    width: 80%;
    margin-left: 35px;
}

.general-mesa-info-naranja .padding-tfec {
    padding-top: 40px;
}

.general-mesa-info-naranja .altol {
    height: 49px;
}

.general-mesa-info-naranja .altol1 {
    height: 80px;
}

.general-mesa-info-naranja .altol2 {
    padding-bottom: 13%;
}

.general-mesa-info-naranja .titulo-t {
    float: left;
    width: 50%;
}

.general-mesa-info-naranja .icono-t1 {
    float: left;
    width: 50%;
    text-align: right;
}

.general-mesa-info-naranja .icono-t1 img {
    width: 90px;
}

.general-mesa-info-naranja .t-t {
    height: 50px;
}

.general-mesa-info-naranja .botones-en {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.general-mesa-info-naranja .bt-en {
    background-size: cover;
    margin: 0 5px;
    padding: 40px 30px;
    height: auto !important;
}

.general-mesa-info-naranja .bt-en p {
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    width: 40%;
    float: right;
    color: #fff;
}

.contenedor-largo-naranja .linea-tiempo {
    font-size: 16px;
    padding-left: 90px;
    padding-right: 65px;
}

.iconos1-naranja img {
    width: 60px;
    float: left;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~.linea-1 {
    width: 10%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~.linea-1 {
    width: 29%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~.linea-1 {
    width: 48%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~.linea-1 {
    width: 68%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~.linea-1 {
    width: 87%;
}

.general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
    width: 19%;
    position: relative;
    z-index: 2;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~label.activo1-3 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~label.activo2-3 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~label.activo3-3 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~label.activo4-3 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~label.activo5-3 span {
    background-color: #D03F6D;
    color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~.contenido-info1 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~.contenido-info2 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~.contenido-info3 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~.contenido-info4 {
    height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~.contenido-info5 {
    height: auto;
}


/* -------- FIN LINEA TIEMPO ------------------- */


/* -------- Tablas lista actividades naranja ------------------- */

.flotar-der-naranja {
    float: right;
}

.eco-naranja-row {
    padding: 0;
}

.fondo-gris-naranja {
    background-color: #ececec;
}

.fleacha-abajo-naranja {
    cursor: pointer;
}

.lista-naranja .esconder1- {
    display: none;
}

.lista-naranja .gris-uno {
    background-color: #f2f2f2;
}

.lista-naranja .lista-t-p {
    overflow: scroll;
    height: 530px;
    transition: all 3s;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.lista-uno.lista-naranja input.activo:checked~div.ac-contenido {
    overflow: scroll;
    height: 530px;
    transition: all 3s;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.padding-container-largo-2-naranja {
    padding-left: 44px;
    padding-right: 44px;
}

.iconos1-naranja p {
    display: flex;
    align-items: center;
}

.lista-dos.lista-naranja input.activo:checked~div.ac-contenido {
    overflow: scroll;
    height: 450px;
    transition: all 3s;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.lista-uno.lista-naranja input.activo:checked~.icon-cerrar-naranja {
    transform: rotate(-10deg);
}

.lista-naranja .espacio-lado {
    padding-left: 15px;
}

.padding-corto-bajo.lista-naranja {
    padding-bottom: 15px;
}

.lista-naranja .padding-arriba {
    padding-top: 40px;
}

.lista-naranja .fondos-titulos p {
    font-size: 21px;
    color: #444444;
    padding-bottom: 25px;
}

.lista-naranja .celdas-t {
    border: 1px solid #444444;
    padding: 12px 20px 20px 20px;
    margin-bottom: 12px;
    height: auto;
}

.lista-naranja .celdas-t p {
    color: #000;
}

.lista-naranja .linea-n {
    height: 4px;
    width: 83px;
    background-color: #D03F6D;
    margin-top: 14px;
}

.img-actividades-t-naranja {
    width: 63px;
}

.icon-cerrar-naranja {
    width: 28px;
    margin-right: 9px;
}

.lista-naranja .boton-1 {
    background-color: #e4e4e4;
    ;
    padding: 1px 13px;
    width: 100%;
    cursor: pointer;
    display: flex;
}

.lista-naranja .boton-1 p {
    color: #D03F6D;
    font-size: 20px;
    font-weight: 200;
}

.lista-naranja .boton-1 p span {
    float: right;
    border-left: 1px solid #D03F6D;
    padding: 0 7px;
    font-weight: 300;
    margin-left: 13px;
}

.lista-naranja .borde-abajo {
    border-bottom: 1px solid #ccc;
}

.lista-naranja .texto-centrado {
    text-align: center;
}

.lista-naranja .borde-der {
    border-right: 1px solid #fff;
}

.lista-naranja .titulos-lista {
    background-color: #e4e3e3;
}

.lista-naranja .titulos-lista p {
    color: #000;
    height: 19px;
}

.lista-naranja .lista-t-p {
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
}

.titulos-lista.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.parrafos-lista.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#inlineFrameExample {
    width: 100%;
    height: 1100px;
}

#linea-tiempo-servidor {
    width: 100%;
    height: 700px;
}

@media (min-width: 1200px) {
    .lista-naranja .bt-en {
        width: 32%;
    }
}

.paddin-boton-naranja {
    padding-top: 8px;
    padding-bottom: 8px;
}

.eco-naranja-general .lista-t-p.ac-contenido div {
    padding-top: 3px;
    padding-bottom: 5px;
}


/* --------  QUIERES SER PARTE DEL SIENA ------------------- */

.actividades-naranja p {
    margin: 0;
}

.logos-naranja img {
    width: 100%;
}

.proceso-img {
    text-align: center;
}

.eco-naranja-general .proceso-img img {
    width: auto;
}

.eco-naranja-linea hr {
    margin-top: 0;
    margin-bottom: 0;
}

.eco-naranja-general .color-gris {
    background-color: #ececec;
}

.contenedor-formulario-naranja {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
}


/* --------  Documentos técnicos ------------------- */

.color-naranja h1 p {
    color: #D03F6D;
}

.fondo1-naranja.fondo-gris-naranja {
    background-image: none;
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(56%, rgba(246, 246, 246, 1)), color-stop(93%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
}

.titulo-n-r-naranja.color-naranja .linea-hor1-naranja {
    width: 100%;
}

.titulo-n-r-naranja.color-naranja .linea-hor1-naranja hr {
    border-top: 2px solid #fff;
}

.eco-naranja-general .row.reporte-row {
    margin-right: 0;
    margin-left: 0;
}

.reportes-naramja img {
    width: 93%;
}


/* -------------- formulario --------------- */

#limesurvey {
    width: 100% !important;
    margin: 0 !important;
}


/* --------- menu responsive --------- */

.eco-naranja-general .res-menu {
    display: none;
}

input.menu-responsive {
    display: none;
}

.eco-naranja-general .responsive-menu {
    display: none;
}

.eco-naranja-general .img-mr {
    display: none;
}

.reportes-naramja {
    width: 100%;
}

.actividades h2.subtitulo-negro-naranja {
    color: #D03F6D;
}

@media (max-width: 400px) and (min-width: 10px) {
    #inlineFrameExample {
        width: 100%;
        height: 1240px !important;
    }

    .lista-naranja .boton-1 {
        padding: 1px 1px;
        width: 100%;
    }

    .lista-naranja .boton-1 p {
        font-size: 18px;
    }

    .col-lg-4.col-md-4.col-sm-6.col-xs-12.padding-lados-cero.tres-naranja {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cuadro-naranja {
        width: 100%;
        height: 334px;
    }

    .contenido-botones-naranja {
        width: 100%;
        height: 334px;
    }

    .padding-lados-cero.tres-naranja {
        padding-left: 15px;
        padding-right: 15px;
    }

    .general-mesa-info-naranja .bt-f {
        font-size: 12px;
    }

    label.fleacha-abajo-naranja {
        display: none;
    }

    .row.que-es-naranja-botones {
        margin-right: 0;
    }

    .eco-naranja-general .padding-lados-cero {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 1000px) and (min-width: 10px) {
    .logo-menu-naranja {
        padding: 23px 0 10px 0;
    }

    #inlineFrameExample {
        width: 100%;
        height: 1240px;
    }

    .lista-uno.lista-naranja input.activo:checked~div.ac-contenido {
        height: auto !important;
    }

    .lista-dos.lista-naranja input.activo:checked~div.ac-contenido {
        height: auto !important;
    }

    .row.line-naranja3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .p-cero-naranja {
        padding-left: 15px;
        padding-right: 15px;
    }

    .linea-corta-naranja.borrar-naranja.padding-abajo-titulosh-naranja.eco-naranja-linea.row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .eco-naranja-general .padding-logo {
        padding-left: 13px;
    }

    .eco-naranja-general .res-menu {
        display: block;
    }

    .eco-naranja-general .responsive-menu {
        display: block;
    }

    .eco-naranja-general .esconder-menu {
        display: none;
    }

    input.menu-responsive:checked~.menu-eco-naranja {
        display: block;
    }

    .eco-naranja-general .responsive-menu p {
        display: flex;
    }

    .eco-naranja-general .responsive-menu {
        float: right;
        padding-top: 10px;
        position: absolute;
        top: 53px;
        right: 23px;
        opacity: 0.5;
    }

    .eco-naranja-general .responsive-menu img {
        width: 20px;
        margin-right: 7px;
    }

    .menu-eco-naranja ul {
        display: block;
        right: 16px;
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        background-color: #fff;
        z-index: 3;
        padding: 0;
    }

    .menu-eco-naranja ul li {
        padding: 20px 20px 20px 20px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }

    .menu-eco-naranja ul li:last-child {
        padding: 20px 20px 20px 20px;
        border-bottom: 0px solid #ccc;
    }

    .eco-naranja-general .img-mr {
        display: block;
        width: 28px;
        float: left;
        margin-right: 8px;
    }

    .banner-economia-naranja .fondo1-naranja {
        background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/fondo-banner.jpg);
        background-repeat: no-repeat;
        padding-left: 30px;
        background-size: 100% 100%;
        background-position: -16px 0;
    }

    .logo-eco-naranja img {
        width: 180px;
    }

    .fondo1-naranja.fondo-gris-naranja {
        background-image: none;
        background: rgba(237, 237, 237, 1);
        background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(56%, rgba(246, 246, 246, 1)), color-stop(93%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
        background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
        background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
        background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
        background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .consultar-siena-n nav ul li a {
        padding: 33px 9px !important;
    }

    .acti-naranja2 {
        margin-top: 60px;
    }

    .economia-naranja-art p {
        padding-right: 20px;
    }

    .liks-banner-naranja img {
        margin-left: 63px;
        width: 45px;
    }
}

@media (max-width: 462px) and (min-width: 10px) {

    .consultar-siena-n ol,
    .consultar-siena-n ul {
        margin-top: 34px;
        margin-bottom: 41px;
        margin-left: 0;
        padding: 0;
    }

    .consultar-siena-n nav ul li a {
        color: #D03F6D;
        border: 1px solid #D03F6D !important;
        padding: 12px !important;
        border-radius: 5px;
        background-color: inherit !important;
    }
}

@media (max-width: 788px) and (min-width: 463px) {
    .menu-naranja {
        margin-top: 0;
    }

    .consultar-siena-n ol,
    .consultar-siena-n ul {
        margin-top: 34px;
        margin-bottom: 41px;
        margin-left: 0;
        padding: 0;
    }

    .consultar-siena-n nav ul li a {
        color: #D03F6D;
        border: 1px solid #D03F6D !important;
        padding: 8px;
        border-radius: 5px;
        background-color: inherit !important;
    }
}

@media (max-width: 600px) and (min-width: 10px) {
    .adelante-naranja {
        right: -26px !important;
    }

    .bt-slider-naranja-prin {
        bottom: -16px !important;
        top: inherit !important;
    }

    .contenedor-largo-naranja .linea-tiempo {
        padding-left: 24px;
        padding-right: 24px;
    }

    .navbar-nav {
        margin: 0;
    }

    .tercer-naranja {
        line-height: 1.4 !important;
        font-size: 17px;
    }

    .eco-naranja-general .lista-t-p .col-xs-9 {
        width: 65% !important;
    }

    .eco-naranja-general .lista-t-p .col-xs-2 {
        width: 23% !important;
    }

    .eco-naranja-general .lista-t-p .col-xs-1 {
        width: 12% !important;
    }

    .lista-naranja .lista-t-p {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-container-largo-2-naranja {
        padding-left: 34px;
        padding-right: 34px;
    }

    .padding-lados-cero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .padding-lados-cero2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .eco-naranja-general .responsive-menu {
        top: 21px !important;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
        font-size: 31px;
        line-height: 1.3;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
        font-size: 25px;
    }

    .sistema-info-naranja {
        font-size: 15px;
    }

    .general-mesa-info-naranja .ano {
        width: 80px;
    }

    .general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
        width: 30%;
    }

    .mitad-naranja {
        display: flex;
        align-items: center;
        height: 200px;
    }

    .mesa-fondo-naranja .padding-ari-aba-naranja {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .linea-0 {
        display: none;
    }

    .linea-1 {
        display: none;
    }

    .linea {
        display: none;
    }

    .menu-naranja {
        margin-top: 0;
    }

    .general-mesa-info-naranja .linea-tiempo-nar .t-label {
        width: 23.9%;
    }

    .padding-arriba-naranja {
        padding-top: 20px;
    }

    .padding-abajo-naranja {
        padding-bottom: 30px;
    }

    .mitad-naranja {
        display: flex;
        align-items: center;
        height: 360px;
    }

    .banner-enlaces-naranja {
        padding-top: 30px;
        padding-left: 0;
    }

    .iconos1-naranja.col-lg-7.col-md-7.col-sm-12.col-xs-12.eco-naranja-row p {
        align-items: end;
    }

    .logo-menu-naranja {
        padding: 30px 0 10px 0;
    }

    .cuadro-naranja {
        margin-left: auto;
        margin-right: auto;
    }

    .linea-h-normal-naranja {
        padding-bottom: 30px;
    }

    .eco-naranja-general .numero-t {
        padding-bottom: 0 !important;
        height: auto !important;
    }

    .padding-ari-aba-naranja {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .padding-container-largo-naranja-lt {
        padding-left: 8px;
        padding-right: 8px;
    }

    .general-mesa-info-naranja .padding-tfec {
        padding-top: 14px;
    }

    .fondo-linea-t-naranja1 {
        background-size: 3000px;
    }

    .fondo-linea-t-naranja2 {
        background-size: 3000px;
    }

    .tres-naranja {
        margin-bottom: 10px;
    }

    .menu-eco-naranja ul {
        display: block;
        position: absolute;
        right: 16px;
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
        top: -18px;
        background-color: #fff;
        z-index: 3;
        padding: 0;
    }

    .flotar-der-naranja {
        float: left;
    }

    .eco-naranja-general .proceso-img img {
        width: 100% !important;
    }

    .mitad-naranja.row {
        display: block;
        padding: 42px 0 !important;
    }

    .reportes-naramja img {
        width: 50%;
    }

    .titulo-n-r-naranja.color-naranja .linea-hor1-naranja {
        width: 93%;
    }

    .reportes-naramja {
        text-align: left;
        padding-bottom: 40px;
        ;
    }

    .iconos1-naranja p {
        display: flex;
        align-items: end;
    }

    .iconos1-naranja img {
        width: 40px;
        float: left;
    }
}

@media (max-width: 768px) and (min-width: 700px) {
    .mitad-naranja {
        height: 320px !important;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
        font-size: 10.3mm !important;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
        font-size: 13mm !important;
        line-height: 1.3;
    }

    .sistema-info-naranja {
        font-size: 20px !important;
    }

    nav.liks-banner-naranja ul li {
        height: auto !important;
    }

    .navbar-nav {
        margin: 0;
    }
}

@media (max-width: 768px) and (min-width: 601px) {
    .general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
        width: 32%;
    }

    .contenedor-largo-naranja .linea-tiempo {
        padding-left: 25px;
        padding-right: 0;
    }

    .general-mesa-info-naranja .linea-tiempo-nar .t-label {
        width: 13.8%;
    }

    .bt-slider-naranja-prin {
        top: 74px !important;
    }

    .adelante-naranja {
        right: -10px !important;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
        font-size: 14mm;
        text-shadow: 1px 1px #969696;
        line-height: 1.3;
    }

    .lista-naranja .boton-1 {
        width: 350px;
    }

    .padding-entides-lados-naranja {
        padding-left: 50px;
        padding-right: 50px;
    }

    .padding-lados-cero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .padding-lados-cero2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .eco-naranja-general .responsive-menu {
        top: 29px !important;
    }

    .menu-eco-naranja ul {
        top: -18px;
    }

    .cuadro-naranja {
        margin-left: auto;
        margin-right: auto;
    }

    .eco-naranja-general .tres-naranja {
        margin-bottom: 10px;
    }

    .padding-arriba-naranja {
        padding-top: 30px;
    }

    .padding-abajo-naranja {
        padding-bottom: 30px;
    }

    .logo-menu-naranja {
        padding: 30px 0 0px 0;
    }

    .enlaces-int-naranja {
        padding: 30px 0 20px 0;
    }

    .banner-enlaces-naranja {
        padding-top: 10px;
        padding-left: 0px;
    }

    nav.liks-banner-naranja ul li {
        list-style: none;
        border: 1px solid #888;
        margin-top: 15px;
        height: 76px;
        display: block;
        align-items: center;
    }

    .eco-naranja-general .numero-t {
        padding-bottom: 0 !important;
        height: auto !important;
    }

    .fondo-linea-t-naranja1 {
        background-size: 3000px;
    }

    .fondo-linea-t-naranja2 {
        background-size: 3000px;
    }

    .flotar-der-naranja {
        float: left;
    }

    .eco-naranja-general .proceso-img img {
        width: 100% !important;
    }

    .navbar-nav {
        margin: 0;
    }
}

@media (max-width: 991px) and (min-width: 769px) {
    .izqui-naranja {
        left: -44px !important;
    }

    .adelante-naranja {
        right: -2px !important;
    }

    .linea-tiempo-nar .linea-tiempo label p {
        margin-top: -24px;
    }

    .general-mesa-info-naranja .linea-tiempo-nar .t-label {
        width: 13.8%;
    }

    .contenedor-largo-naranja .linea-tiempo {
        padding-left: 32px;
        padding-right: 14px;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .padding-logo {
        padding-left: 0px !important;
    }

    .mitad-naranja {
        height: 285px;
    }

    nav.liks-banner-naranja ul li a {
        padding-top: 35px;
    }

    nav.liks-banner-naranja ul div h2 {
        padding-bottom: 20px;
    }

    nav.liks-banner-naranja ul div h2 {
        font-size: 35px;
    }

    nav.liks-banner-naranja ul div p {
        font-size: 17px;
    }

    .nav>li>a {
        padding: 0px;
        font-size: 14px;
        width: 106px;
        line-height: 1.2;
    }

    nav.liks-banner-naranja ul li {
        list-style: none;
        border: 1px solid #888;
        margin-top: 0;
        height: auto;
        display: block;
        align-items: center;
    }

    .cuadro-naranja {
        margin-left: auto;
        margin-right: auto;
        margin-top: 34px;
    }

    .eco-naranja-general .responsive-menu {
        position: relative;
        top: 12px;
        right: 10px;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
        font-size: 10mm;
        line-height: 1.4;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
        font-size: 7.3mm;
    }

    .sistema-info-naranja {
        font-size: 16px;
    }

    .eco-naranja-general .numero-t {
        height: auto !important;
        padding-bottom: 0 !important;
    }

    .fondo-linea-t-naranja1 {
        background-size: 3000px;
    }

    .fondo-linea-t-naranja2 {
        background-size: 4000px;
    }

    .general-mesa-info-naranja .padding-tfec {
        padding-top: 0;
    }

    .padding-arriba-naranja {
        padding-top: 40px;
    }

    .eco-naranja-general .proceso-img img {
        width: 100% !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    nav.liks-banner-naranja ul div h2 {
        padding-bottom: 31px;
    }

    .nav>li>a {
        padding: 6px 21px 6px 0px;
        font-size: 16px;
    }

    .liks-banner-naranja img {
        margin-left: 51px;
    }

    nav.liks-banner-naranja ul div h2 {
        font-size: 35px;
    }

    nav.liks-banner-naranja ul div p {
        font-size: 17px;
    }

    .eco-naranja-general .proceso-img img {
        width: 100%;
    }

    nav.liks-banner-naranja ul li {
        list-style: none;
        border: 1px solid #888;
        margin-top: 0;
        height: auto;
        display: block;
        align-items: center;
    }

    .menu-eco-naranja ul li {
        padding: 0 20px;
        font-size: 15px;
    }

    .cuadro-naranja {
        width: 300px;
        height: 320px;
    }

    .tres-naranja {
        padding-left: 0;
    }

    .mitad-naranja {
        height: 302px;
    }

    .fondo-linea-t-naranja1 {
        background-size: 2000px;
    }

    .fondo-linea-t-naranja2 {
        background-size: 3000px;
    }

    .general-mesa-info-naranja .altol2 {
        padding-bottom: 26%;
    }

    .general-mesa-info-naranja .altol {
        height: 73px;
    }

    .fondo-linea-t-naranja2 .numero-t {
        height: 4px;
        padding-bottom: 30px;
    }

    .padding-nueva-naranja {
        padding-bottom: 63px !important;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
        font-size: 8.3mm;
    }

    .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
        font-size: 19mm;
    }

    .contenedor-largo-naranja .linea-tiempo {
        font-size: 16px;
        padding-left: 57px;
        padding-right: 31px;
    }

    .linea-tiempo label p {
        font-size: 13px !important;
    }
}

@media (max-width: 1618px) and (min-width: 1200px) {
    .fondo-linea-t-naranja2 {
        background-size: 2000px;
    }

    .fondo-linea-t-naranja1 {
        background-size: 2000px;
    }
}

.cabezote img {
    width: 100%;
}

.home .linea-hor1-naranja {
    display: none;
}


/* ********* que es siena  ********* */

.consultar-siena-n nav ul {
    list-style: none;
}

.consultar-siena-n nav ul li {
    width: 100%;
}

.consultar-siena-n nav ul li a {
    color: #D03F6D;
    border: 1px solid #D03F6D;
    padding: 15px 0px 15px 20px;
    border-radius: 5px;
    background-color: #fff;
    display: block;
    margin-bottom: 10px;
}

.consultar-siena-n nav ul li a:hover {
    text-decoration: none;
}

.consultar-siena-n nav ul li a img {
    width: 53px;
    margin-top: -7px;
}

.grafica-siena-na {
    width: 100%;
}

#inlineFrameExample2 {
    border: 0;
    width: 100%;
    height: 836px;
}

.izqui-naranja {
    float: left;
}

.adelante-naranja {
    float: right;
}

.linea-vista {
    display: block;
}

.linea-oculta-naranja {
    display: none;
}

.bt-tactivo1 p.activo-slid {
    background-color: #D03F6D;
    color: #fff;
}

.esconder-boton-delante-atras {
    display: none;
}

.bt-slider-naranja-prin {
    position: absolute;
    top: 137px;
}

.izqui-naranja {
    position: relative;
    left: 5px;
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/izq-n.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    width: 40px;
    z-index: 99999;
}

.adelante-naranja {
    position: relative;
    right: 33px;
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/der-n.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    width: 40px;
    z-index: 99999;
}

.izqui-naranja:hover {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/izq-n-hover.png);
    cursor: pointer;
    transition: all 1s;
}

.adelante-naranja:hover {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/der-n-hover.png);
    cursor: pointer;
    transition: all 1s;
}

.activo-slid {
    background-color: #D03F6D !important;
    color: #fff !important;
}

.linea-tiempo label p {
    text-align: center;
    padding: 0px 0 12px 0;
    font-size: 14px;
    color: #D03F6D;
}

.anos-principal {
    border-bottom: 1px solid #D03F6D;
    margin-bottom: 46px;
    height: 40px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.titulo-mes-naranja {
    font-size: 24px;
    color: #000;
    margin-bottom: 30px !important;
}

.titulo-mes-naranja2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 0px !important;
    margin-top: 41px !important;
}

.collapse.navbar-collapse {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.anexos-t-naranja {
    padding: 20px 40px 11px 40px;
    overflow: hidden;
    border-top: 1px solid #dddddd
}

.padding-gris-naranja.p-ane-naranja {
    padding: 20px 40px 26px 40px;
}

.anexos-t-naranja h3 {
    float: left;
    color: #5b5b5b;
    font-size: 18px;
}

.anexos-t-naranja p {
    float: right;
}

.icon-pdf-n {
    width: 17px;
    margin-top: -6px;
    margin-right: 7px;
}

.anexos-t-naranja h3 span {
    font-size: 16px;
}

.anexos-t-naranja p a {
    color: #3C3C3B;
    font-size: 16px;
}

.anexos-t-naranja p a:hover {
    color: #D03F6D;
}

.padding-gris-naranja {
    background: #f2f2f2;
    padding: 20px 40px 11px 40px;
}

.titulos-gris-naranja {
    background-color: #F7F7F7;
    overflow: hidden;
    color: #fff;
    padding: 12px;
}

.anexos-t-naranja h4 {
    float: left;
    color: #5b5b5b;
    font-size: 19px;
}

.anexos-t-naranja h4 span {
    font-size: 16px;
}

.paddin-boton-naranja2 div {
    color: #D03F6D;
    font-size: 20px;
    font-weight: 200;
}

.linea-anexos-a-naranaja {
    background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/l-larga-nr.png);
}

.boton-cscen {
    border-radius: 5px;
    background-color: #bc144f;
    color: #fff !important;
    padding: 8px 29px;
}

.contenedor-anexos-naranja {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
}

.contenedor-anexos-naranja h2 {
    font-size: 22px;
}

@media (min-width: 1000px) {
    .eco-naranja-general .navbar-nav>li>a {
        padding: 0;
    }

    .collapse.navbar-collapse {
        padding-left: 0;
    }

    .menu-naranja-c .collapse.navbar-collapse li {
        position: relative;
        display: block;
        padding: 0 63px 0 0;
    }
}

.tabla-pri-naranja {
    border-collapse: collapse;
    width: 100%;
}

.tabla-pri-naranja th {
    background-color: #ededed
}

.tabla-pri-naranja th,
.tabla-pri-naranja td {
    height: 50px;
    padding-left: 10px;
}

.linea-tabla-naranja {
    border-bottom: 1px solid #e5e5e5;
}

.tabla-escondida-n {
    display: none;
}

.titulostablas-n {
    background-color: #e4e3e3;
}

.gris-tablas-ac-n {
    background-color: #f2f2f2;
}

.seg-naranja {
    background-color: #e5e5e5;
    padding: 8px 10px;
    width: 207px;
    text-align: center;
    color: rgb(86, 86, 86);
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: -6px;
    margin-right: -5px !important;
}

.act-seg-prin {
    border-bottom: 1px solid #D03F6D;
}

.act-seg-prin label {
    margin-bottom: 0px;
}

.naranja-scroll {
    overflow: scroll;
    height: 530px;
    transition: all 3s;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.titulostablas-n th {
    border-right: 1px solid #fff;
}

.gris-tablas-ac-n td {
    border-right: 1px solid #fff;
}

.tablas-segemento tr td {
    padding: 4px;
}

.cuadro-naranja p {
    font-size: 19px;
    line-height: 0.6;
}

p.line-h-naranja {
    line-height: 1.2;
}

.cuadro-naranja .paddin-linea-items-naranja {
    padding: 6px 0;
}

.imagen-proceso-n {
    text-align: center;
}

.imagen-proceso-n object {
    width: 70%;
}


/*---------------------------------------------------------------------*/

/* 6.) ESTILOS GENERALES TEMÁTICAS */

/* ACTUALIZACIÓN OCTUBRE 2020*/

/* INICIA ESTILOS TEMÁTICAS*/


.clear {
    clear: both;
}

.mt-1 {
    margin-top: 0.5em !important;
}

.mt-2 {
    margin-top: 1em !important;
}

.mt-3 {
    margin-top: 1.5em !important;
}

.mt-4 {
    margin-top: 2em !important;
}

.mt-5 {
    margin-top: 2.5em !important;
}

.mt-6 {
    margin-top: 3em !important;
}

.mt-7 {
    margin-top: 3.5em !important;
}

.mt-8 {
    margin-top: 4em !important;
}

.mt-9 {
    margin-top: 4.5em !important;
}

.mt-10 {
    margin-top: 5em !important;
}

.mb-1 {
    margin-bottom: 0.5em !important;
}

.mb-2 {
    margin-bottom: 1em !important;
}

.mb-3 {
    margin-bottom: 1.5em !important;
}

.mb-4 {
    margin-bottom: 2em !important;
}

.mb-5 {
    margin-bottom: 2.5em !important;
}

.mb-6 {
    margin-bottom: 3em !important;
}

.mb-7 {
    margin-bottom: 3.5em !important;
}

.mb-8 {
    margin-bottom: 4em !important;
}

.mb-9 {
    margin-bottom: 4.5em !important;
}

.mb-10 {
    margin-bottom: 5em !important;
}

.my-1 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.my-2 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.my-3 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
}

.my-4 {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.my-5 {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
}

.my-6 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.my-7 {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
}

.my-8 {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

.my-9 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
}

.my-10 {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
}

.ml-1 {
    margin-left: 0.5em !important;
}

.ml-2 {
    margin-left: 1em !important;
}

.ml-3 {
    margin-left: 1.5em !important;
}

.ml-4 {
    margin-left: 2em !important;
}

.ml-5 {
    margin-left: 2.5em !important;
}

.ml-6 {
    margin-left: 3em !important;
}

.ml-7 {
    margin-left: 3.5em !important;
}

.ml-8 {
    margin-left: 4em !important;
}

.ml-9 {
    margin-left: 4.5em !important;
}

.ml-10 {
    margin-left: 5em !important;
}

.mr-1 {
    margin-right: 0.5em !important;
}

.mr-2 {
    margin-right: 1em !important;
}

.mr-3 {
    margin-right: 1.5em !important;
}

.mr-4 {
    margin-right: 2em !important;
}

.mr-5 {
    margin-right: 2.5em !important;
}

.mr-6 {
    margin-right: 3em !important;
}

.mr-7 {
    margin-right: 3.5em !important;
}

.mr-8 {
    margin-right: 4em !important;
}

.mr-9 {
    margin-right: 4.5em !important;
}

.mr-10 {
    margin-right: 5em !important;
}

.mx-1 {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.mx-2 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.mx-3 {
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
}

.mx-4 {
    margin-left: 2em !important;
    margin-right: 2em !important;
}

.mx-5 {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
}

.mx-6 {
    margin-left: 3em !important;
    margin-right: 3em !important;
}

.mx-7 {
    margin-left: 3.5em !important;
    margin-right: 3.5em !important;
}

.mx-8 {
    margin-left: 4em !important;
    margin-right: 4em !important;
}

.mx-9 {
    margin-left: 4.5em !important;
    margin-right: 4.5em !important;
}

.mx-10 {
    margin-left: 5em !important;
    margin-right: 5em !important;
}

.pt-1 {
    padding-top: 0.5em !important;
}

.pt-2 {
    padding-top: 1em !important;
}

.pt-3 {
    padding-top: 1.5em !important;
}

.pt-4 {
    padding-top: 2em !important;
}

.pt-5 {
    padding-top: 2.5em !important;
}

.pt-6 {
    padding-top: 3em !important;
}

.pt-7 {
    padding-top: 3.5em !important;
}

.pt-8 {
    padding-top: 4em !important;
}

.pt-9 {
    padding-top: 4.5em !important;
}

.pt-10 {
    padding-top: 5em !important;
}

.pb-1 {
    padding-bottom: 0.5em !important;
}

.pb-2 {
    padding-bottom: 1em !important;
}

.pb-3 {
    padding-bottom: 1.5em !important;
}

.pb-4 {
    padding-bottom: 2em !important;
}

.pb-5 {
    padding-bottom: 2.5em !important;
}

.pb-6 {
    padding-bottom: 3em !important;
}

.pb-7 {
    padding-bottom: 3.5em !important;
}

.pb-8 {
    padding-bottom: 4em !important;
}

.pb-9 {
    padding-bottom: 4.5em !important;
}

.pb-10 {
    padding-bottom: 5em !important;
}

.py-1 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.py-2 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.py-3 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.py-4 {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

.py-5 {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
}

.py-8 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.pl-1 {
    padding-left: 0.5em !important;
}

.pl-2 {
    padding-left: 1em !important;
}

.pl-3 {
    padding-left: 1.5em !important;
}

.pl-4 {
    padding-left: 2em !important;
}

.pl-5 {
    padding-left: 2.5em !important;
}

.pl-8 {
    padding-left: 4em !important;
}

.pr-1 {
    padding-right: 0.5em !important;
}

.pr-2 {
    padding-right: 1em !important;
}

.pr-3 {
    padding-right: 1.5em !important;
}

.pr-4 {
    padding-right: 2em !important;
}

.pr-5 {
    padding-right: 2.5em !important;
}

.pr-8 {
    padding-right: 4em !important;
}

.px-1 {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.px-2 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.px-3 {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.px-4 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.px-5 {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
}

.px-8 {
    padding-left: 4em !important;
    padding-right: 4em !important;
}

.pld-1 {
    padding: 0 29px;
}

/* TABS TEMATICAS*/
.tema-general .rl_tabs .nav-tabs>li>a {
    font-size: 1.8em;
    margin-right: 0;
    padding: 0.8em 2.5em;
    ;
    line-height: 0.7em;
    border: none !important;
    ;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: auto !important;
}

/* FIN TABS TEMATICAS*/

.tema-general .w-100 p {
    width: 90% !important;
}

.tema-general .box-center .row {
    display: flex;
    align-items: center;
}

.tema-general h1,
.tema-general h2,
.tema-general h3,
.tema-general h4,
.tema-general h5,
.tema-general .tema-btn a,
.tema-general nav.menu-lateral ul li h1,
.tema-general nav.menu-lateral ul li a,
.tema-general nav.menu-lateral ul li p,
.tema-general .inf-titles h1,
.tema-general .inf-titles h2,
.tema-general .btn-documento,
.tema-general .info-tecnica_tabs .nav-tabs>li a,
.tema-general .box-btn a,
.tema-general .img-btn_bl-info h3 a,
.tema-general .publi-txt h4 {
    font-weight: 900;
}

.tema-general .tabla-docs-tema thead.header-1 {
    ;
}

.tema-general .inf-titles p,
.tema-general .menu-investigacion .nav>li>a,
.tema-general .menu-investigacion .dropdown-menu>li>a,
.tema-general .menu-sociedad .nav>li>a,
.tema-general .menu-sociedad .dropdown-menu>li>a,
.tema-general .titulo-principal .title-banner,
.tema-general .banner-txt p,
.tema-general .tema-btn p,
.tema-general .indice-temas p,
.tema-general .info-tecnica_tabs table,
.tema-general .info-tecnica_tabs table td>ul li a,
.tema-general .multi-collapse ul li {}

.tema-general p,
.tema-general .inf-titles p.fecha-act,
.indice-temas ul li a,
.tema-general .tabla-docs-tema td,
.tema-general .txt_info-tecnica ul li,
.tema-general .tabla-docs-tema td a,
.tema-general .info-tecnica_tabs table.basic-table td,
.tema-general .info-tecnica_tabs table.basic-table td>ul li a,
.tema-general .info-tecnica_tabs table.basic-table td>a,
.tema-general .img-btn_bl-txt p,
.tema-general .img-btn_bl-txt ul li p {}

.tema-general .indice-herramientas h2,
.tema-general .menu-investigacion .nav>li>a.active,
.tema-general .tabla-docs-tema thead.header-2,
.tema-general .indice-temas ul a:hover,
.tema-general .info-tecnica_tabs table.basic-table th,
.tema-general .menu-sociedad .nav>li>a.active,
.tema-general .tabla-docs-tema tr.header-3 td,
.tema-general p.info-responsive,
.tema-general .p-bold {
    /*font-family: 'RobotoM', 'Roboto', "Segoe UI", sans-serif !important;*/
    font-weight: bold;
}

.tema-general,
.tema-general h1.light {
    font-weight: 300 !important;
    margin-top: -0.5em;
}

.tema-general .banner-txt p,
.tema-general .banner-txt h1,
.tema-general .tema-btn a {
    color: #ffffff !important;
}

.tema-general .tema-btn a:hover {
    text-decoration: none;
}

.tema-general .menu-general .nav>li>a,
.tema-general nav.menu-lateral ul li p,
.tema-general .indice-temas ul li a,
.tema-general .inf-titles p,
.tema-general .menu-investigacion .nav>li>a,
.tema-general .menu-sociedad .nav>li>a,
.tema-general p.small,
.tema-general .txt_info-tecnica p,
.tema-general .tabla-docs-tema tr.header-3 td,
.tema-general .img-btn_bl-txt p,
.tema-general .img-btn_bl-txt ul li p,
.intro-txt h2,
.intro-txt h3,
.tema-general .multi-collapse ul li {
    color: #333333 !important;
}

.tema-general .nota-meto p,
.tema-general .indice-herramientas p,
.tema-general .inf-titles p.fecha-act,
.tema-general .publi-txt h4 {
    color: #212121;
}

.tema-general .menu-investigacion .nav>li>a:visited,
.tema-general .menu-sociedad .nav>li>a:visited,
.tema-general .menu-sociedad .nav>li>a:visited,
.tema-general .indice-temas ul li a:visited {
    color: #8A4A8C;
}

.tema-general p.small {
    background: transparent;
    padding: 0;
    margin: 0.4em 0 !important;
    font-size: 1em !important;
    letter-spacing: 0px;
    line-height: 1em !important;
    text-transform: none;
}

.tema-general .inf-titles {
    display: block;
    float: left;
    margin: 0.5em 0;
    width: 100%;
}

.tema-general .inf-titles h1 {
    font-size: 2.3em !important;
    margin-bottom: 2rem !important;
}

.tema-general .inf-titles h2 {
    float: left;
    width: 100%;
}

.tema-general .inf-titles p {
    float: left;
    margin-top: 1.5em;
    margin-bottom: 0em;
}

.hr-temas {
    float: left;
    width: 100%;
}

.tema-general .hr-temas hr {
    float: left;
    width: 28px;
    margin-top: 0.5em;
    margin-bottom: 0.5rem;
    border-width: 3px;
}

.tema-general .separador hr {
    border-top: 1px solid #d4d3d3;
}

.tema-general .tema-btn {
    padding: 10px 0 10px 0;
    margin: 10px 0;
}

.tema-general .tema-btn a {
    padding: 5px 30px;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;
}

.tema-general .articulo-infotec {
    /*max-width: 960px;*/
    margin: 0 auto;
    padding: 0px 0px;
}

.tema-general .inf-titles p {
    font-size: 1.35em;
    line-height: 1.4em;
}

.tema-general .inf-titles p b {
    font-weight: 500;
    font-size: 1.1em;
}

/*.tema-general .inf-titles p{
  width: 66%;
}
*/
.tema-general .inf-titles h2,
.tema-general .intro-txt h2 {
    font-size: 2.6rem;
    line-height: 2.9rem;
}

.tema-general .bg-gray_tema {
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background-color: #f4f4f4;
    padding-top: 1em;
    margin-top: 3em;
}

/*Inicio Banner temática*/

.tema-general .banner-tematica .back-bn {
    background-repeat: no-repeat;
    padding: 65px;
    background-size: cover;
    color: #fff;
    display: flex;
    align-items: center;
    height: auto;
}

.tema-general .banner-txt p.title-banner {
    font-weight: 300;
    font-size: 2.5em !important;
}

.tema-general .banner-txt h1 {
    font-size: 2.9em;
    margin: 0;
}

.tema-general .banner-txt p {
    float: left;
    width: 100%;
    font-size: 1.5em;
    margin-top: 1rem;
}

.tema-general .nav-link {
    background-color: #eeeeee !important;
    ;
}

.tema-general .nav-link:hover {
    background-color: #dddddd !important;
    ;
}

.tema-general nav.menu-lateral ul {
    list-style: none;
    border: 1px solid #dbdbdb;
    height: auto;
    display: block;
    border-radius: 5px;
    padding: 0;
    margin-left: 30px;
}

.tema-general nav.menu-lateral ul li {
    list-style: none;
    border-bottom: 1px solid #dbdbdb;
    height: auto;
    display: block;
    align-items: center;
    padding: 1.3em;
}

.tema-general nav.menu-lateral ul li:hover {
    background-color: #f2f2f2;
}

.tema-general nav.menu-lateral ul li a {
    font-size: 1.5em;
}

.tema-general nav.menu-lateral ul li p {
    font-size: 1.4em;
    margin-bottom: 0;
    font-weight: 600;
}

.tema-general nav.menu-lateral ul li a {
    /*display: flex;*/
    align-items: center;
    text-decoration: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
}

.tema-general nav.menu-lateral ul li a:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    float: right;
    margin: 0 6px 0 0;
}

.tema-general nav.menu-lateral ul li div.btn-nav_lat {
    float: left;
    display: block;
    width: 90%;
    margin-right: 10%;
}

.tema-general nav.menu-lateral img {
    margin-left: 150px;
    width: 36px;
}

/*Fin banner temática*/


/* Inicio indice temas*/

.tema-general .indice-temas {
    float: left;
    width: 100%;
    margin: 1em 0;
}

.tema-general .indice-temas ul.indice-horizontal li {
    float: left !important;
    padding: 0.6em 3em;
}

.tema-general .indice-temas ul {
    margin: 2em 0 0 0;
    padding: 0;
    float: left;
    width: 100%;
}

.tema-general .indice-temas ul li {
    list-style-type: none;
    padding: 0.6em 0em;
    display: flex;
    align-items: center;
}

.tema-general .indice-temas ul li a {
    font-size: 1.2em;
    line-height: 1.35em;
}

.tema-general .indice-temas ul li a:before {
    content: "\f054";
    font-style: normal;
    font-weight: normal;
    margin-right: 1em;

}

.tema-general .nota-meto {
    background-color: #f2f0f7;
    padding: 1em 2.2em;
    margin: 1em 0 3em 0;
}

.tema-general .nota-meto p {
    font-size: 1.1em;
}

.tema-general .indice-herramientas {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;
}

.tema-general .indice-herramientas h2 {
    font-size: 1.6em !important;
    margin-top: 0.5em;
    font-weight: 700;
    text-transform: none !important;
}

.tema-general .img-herramienta {
    width: 100px;
    text-align: center;
    margin: auto;
}

.tema-general .btns-herramientas {
    margin-top: 1.5em;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.tema-general .indice-herramientas p {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 1.5em;
    padding: 0 0.5em;
}

.tema-general .btn-line-r {
    border-right: solid 1px;
}

/*Fin indice temas*/

/* Inicio menú investigación*/
.tema-general .menu-general {
    margin-top: 40px;
}

.tema-general .menu-general .navbar-collapse {
    padding-left: 0;
    margin-left: -15px;
}

.tema-general .menu-general .navbar-nav {
    background-color: transparent !important;
    margin-bottom: 0;
}

.tema-general .menu-general .nav>li {
    width: auto;
}

.tema-general .menu-general .nav>li>a {
    margin: 0px 50px 0px 0;
    font-size: 1.5em;
    line-height: 1.3em;
}

.tema-general .menu-general .nav>li>a {
    border-bottom: 1px solid transparent;
}

.tema-general .menu-general .nav>li>a.active:hover {
    border-bottom: none !important;
    background-color: transparent !important;
}

.tema-general .menu-investigacion {
    margin-top: 40px;
}

.tema-general .menu-investigacion .navbar-collapse {
    padding-left: 0;
    margin-left: -15px;
}

.tema-general .menu-investigacion .navbar-nav {
    background-color: transparent !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tema-general .menu-investigacion .nav>li {
    width: auto;
}

.tema-general .menu-investigacion .nav>li>a {
    text-align: left !important;
    margin: 0px 35px 0px 0;
    font-size: 1.5em;
    line-height: 1.3em;
}

.tema-general .menu-investigacion .nav>li>a {
    border-bottom: 1px solid transparent;
}

.tema-general .menu-investigacion .nav>li>a.active:hover {
    border-bottom: none !important;
    background-color: transparent !important;
}

.tema-general .menu-investigacion .dropdown-menu {
    min-width: 242px;
}

.tema-general .menu-investigacion .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 1em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.tema-general .menu-investigacion .dropdown-menu>li>a {
    font-size: 1.6em;
    text-align: left;
    padding: 12px 20px !important;
}

.tema-general .menu-investigacion a .dropdown-menu>li a:hover,
.dropdown-menu>li.show {
    text-decoration: none;
    background-color: #f5f5f5;
}

.tema-general .logo-gedi {
    margin: 0 auto;
}

.tema-general .logo-gedi img {
    width: 90% !important;
    margin: 0 auto;
    display: block;
}

.tema-general .logo-pobreza {
    margin: 0 auto;
}

.tema-general .logo-pobreza img {
    width: 85% !important;
    margin: 0 auto;
    display: block;
}

.tema-general .logo-censoeconomico {
    margin: 0 auto;
    padding: 0px 0px;
}

.tema-general .logo-censoeconomico img {
    width: 95% !important;
    margin: 0 auto;
    display: block;
}

/*Fin menú investigación*/


/*Inicio info intro investigación*/

.tema-general .info-intro {
    margin: 1.5em 0;
}

.tema-general .intro-txt {
    float: left;
    width: 100%;
    margin-top: 2em;
}

.tema-general .intro-txt h2 {
    margin: 1em 0;

}

.tema-general .intro-img {
    background-color: #F5F5F6;
    padding: 20px 30px;
    min-height: 260px;
}

.tema-general .intro-img p {
    font-weight: 400;
    font-size: 1.2em;
    margin-top: 1em;
}

.tema-general .intro-img img {
    max-height: 100px;
    display: block;
    margin: auto;
}

/*Inicio imágenes botones*/
.tema-general .img-btn_bl {
    margin-bottom: 30px;
}

.tema-general .img-btn_bl-contenido {
    width: auto;
    height: 334px;
    overflow: hidden;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

.tema-general .img-btn_bl-contenido:hover {
    border: 1px solid #ccc;
}

.tema-general .img-btn_bl-info {
    width: auto;
    height: 334px;
    margin-top: 234px;
    padding: 26px;
    transition: all 1s;
}

.tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info {
    width: auto;
    height: 334px;
    background-color: #fff;
    margin-top: 0px;
    transition: all 1s;
}

.tema-general .img-btn_bl-info h3 a {
    font-size: 1.1em;
    color: #fff;
    text-transform: uppercase;
}

.tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info h3 a {
    color: #333333;
    transition: all 1s;
}

.tema-general .img-btn_bl-txt {
    float: left;
    width: 100%;
    margin-top: 1em;
    opacity: 0;
    transition: all 1s;
    /*cursor: pointer;*/
}

.tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info .img-btn_bl-txt {
    opacity: 0.9;
    transition: all 1s;
    float: left;
}

.tema-general .img-btn_bl-txt ul {
    list-style-type: square;
    padding-left: 18px;
}

.tema-general .img-btn_bl-txt ul li {
    padding-bottom: 0.5em;
}

.tema-general .img-btn_bl-txt p,
.tema-general .img-btn_bl-txt ul li p {
    font-size: 1.2em;
}

.tema-general .img-btn_bl-txt p {
    margin-bottom: 1em;
}

.tema-general .img-btn_bl-txt ul li p {
    margin: 0;
}

/*Fin imágenes botones*/

/*Inicio botones-formas*/
.tema-general .box-btn a {
    width: 70%;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 25px;
    font-weight: 600;
    font-size: 21px;
    border-radius: 50px;
    margin-bottom: 1rem;
}

.tema-general .box-btn a:hover {
    transform: 0.5s all ease-in-out;
    opacity: 0.5;
}

/*Fin botones-formas*/

/*Fin info intro investigación*/


/*Inicio info tecnica investigación*/

.tema-general .info-tecnica,
.tema-general .info-tecnica_tabs .tab-content {
    background-color: #f7f7f7;
}

.tema-general .white-bg.info-tecnica,
.tema-general .white-bg.info-tecnica_tabs .tab-content {
    background-color: #ffffff00;
}

.tema-general .inf-titles p.fecha-act {
    font-size: 1em !important;
    margin: 1em 0;
    width: 100%;
}

.tema-general .inf-titles p.infotec-intro {
    margin-top: 0.5em;
}

.tema-general .info-tecnica {
    float: left;
    width: 100%;
    padding: 3em 4.2em;
    margin: 2em 0;
}

.tema-general .txt_info-tecnica {
    float: left;
    width: 100%;
    margin: 1.5em 0;
}

.tema-general .graf-tecnica {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}

.tema-general .txt_info-tecnica p {
    margin: 1em 0;
}

.tema-general .graf-tecnica img {
    display: flex;
    margin: auto;
    background-color: #fff;
    /*padding: 0.5em;*/
}

.tema-general .txt_info-tecnica ul {
    padding-left: 20px;
}

.tema-general .txt_info-tecnica p,
.txt_info-tecnica ul li {
    font-size: 1.2em;
}

.tema-general .tabla-docs-tema {
    border-collapse: collapse;
    float: left;
    width: 100%;
    margin-top: 1.3em;
}

.tema-general .tabla-docs-tema thead.header-1 {
    color: #fff;
    font-size: 1.3em;
}

.tema-general .tabla-docs-tema thead.header-2 {
    background-color: #ededed;
    font-size: 1.1em;
}

.tema-general .tabla-docs-tema tr.header-3 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1em;
}

.tema-general .tabla-docs-tema thead,
.tema-general .tabla-docs-tema td {
    padding: 10px;
}

.tema-general .tabla-docs-tema tbody {
    background-color: #fff;
}

.tema-general .tabla-docs-tema td {
    font-size: 1.1em;
}

.tema-general .tabla-docs-tema td a {
    color: #B6004C;
}

.tema-general .tabla-docs-tema td a:hover {
    color: #7d0641;
}

.tema-general .celda-tabla_docs {
    border-bottom: 1px solid #e5e5e5;
}

.tema-general td.celda-tabla_docs a:before,
.tema-general td.celda-tabla_docs a.table-link:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
}

.tema-general td.celda-tabla_docs a:before {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/icon-download_off.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a:hover:before {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/icon-download_on.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a.table-link:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/icon-link_off.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a.table-link:hover:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/icon-link_on.svg) no-repeat;
}

.tema-general td.nom-doc-tec {
    width: 40%;
}

.tema-general p.info-responsive {
    float: left;
    width: 100%;
    margin-top: 2em;
    text-align: center;
}

.tema-general .info-adicional_tec {
    float: left;
    margin-bottom: 1.5em;
    width: 100%;
}

.tema-general .info-tecnica_tabs {
    float: left;
    width: 100%;
    margin-top: 2em;
}

.tema-general .info-tecnica_tabs .nav-tabs>li {
    width: auto;
}

.tema-general .info-tecnica_tabs .nav-tabs>li.tab-four {
    width: 25%;
}

.tema-general .info-tecnica_tabs .nav-tabs>li>a {
    border-radius: 0;
    border: none;
    padding: 0.5em 2.5em;
    font-size: 1.8em;
    width: auto !important;
}

.tema-general .info-tecnica_tabs .nav-tabs>li.nav-tabs-small>a {
    padding: 0.6em 1em !important;
    font-size: 1.4em !important;
}

.tema-general .info-tecnica_tabs .nav-tabs>li.active>a {
    color: #fff !important;
}

.tema-general .info-tecnica_tabs .tab-content {
    padding: 1.3em 4.2em;
    width: 100%;
    float: left;
}

.tema-general .white-bg.info-tecnica_tabs .tab-content {
    padding: 0 !important;
}

.tema-general .white-bg.info-tecnica_tabs .nav-tabs {
    border-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.tema-general .info-tecnica_tabs table.basic-table {
    height: auto !important;
    width: 100%;
    margin: 1em 0 1.5em 0;
}

.tema-general .info-tecnica_tabs table.basic-table th {
    text-align: center !important;
    font-size: 1.3em;
}

.tema-general .info-tecnica_tabs table.basic-table th,
.tema-general .info-tecnica_tabs table.basic-table td {
    padding: 0.5em 1em !important;
}

.tema-general .info-tecnica_tabs table.basic-table td {
    background-color: #fcfcfc !important;
    font-size: 1.1em;
}

.tema-general .info-tecnica_tabs table.basic-table td>ul {
    padding-left: 15px;
    list-style: disc;
}

.tema-general .info-tecnica_tabs table.basic-table td>ul li a,
.tema-general .info-tecnica_tabs table.basic-table td>a {
    font-size: 1em;
}

.tema-general .verificacion:before {
    content: " ";
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-size: contain;
}

/*Inicia bloque buttons icons*/

.tema-general .box-data {
    background-size: cover;
    margin-top: 40px;
    float: left;
    width: auto;
}

.tema-general .box-data .data .btn-group .btn-primary {
    background: #fff0;
}

.tema-general .box-data .data .btn-group .btn-icon {
    display: flex;
    justify-content: center;
    margin: 0.5em 0;
}

.tema-general .btn-icon_block:hover,
.tema-general .btn-icon_block:focus,
.tema-general .btn-icon_block.focus,
.tema-general .open>.dropdown-toggle.btn-icon_block {
    filter: grayscale(100%) opacity(0.7);
}

.tema-general .btn-icon_block:active,
.tema-general .btn-icon_block.active {
    filter: #B6004C;
}

.tema-general .box-data .data .btn-group .btn-icon_block:hover {
    transition: 0.3s all ease-in;
}

.tema-general .box-data .data .btn-group .btn-icon a {
    display: block;
    height: 150px;
    width: 150px;
    margin: 0 auto 1em auto;
    background-repeat: no-repeat;
}

.tema-general .box-data .data .btn-icon h2 {
    text-align: center;
}

/*Fin bloque buttons icons*/

.tema-general .contenido-data .well {
    background-color: #ffffff00 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px;

}

.tema-general .indice-publicaciones {
    margin-bottom: 1.5em;
}

.tema-general .publicacion {
    margin: 0;
}

.tema-general .publicacion .publi-img {
    max-width: 250px;
}

.tema-general .publicacion .publi-txt h4 {
    text-align: left;
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 0.8em;
}

.tema-general .publicacion .publi-txt p {
    font-size: 1.05em;
}

/*Fin info tecnica investigación*/

/*Inicio desplegable acordeon*/
.tema-general .slider {
    font-size: 1.4em;
    line-height: 1.5em;
    color: #333333;
    display: block;
    padding: 1em 0em;
    border-bottom: solid 1px;
}

/*Fin desplegable acordeon*/

.btn-banner a {
    width: 110px;
    display: block;
    align-items: center;
    text-decoration: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 700;
}

.btn-banner a:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;

    background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-off.svg) no-repeat;
}

.btn-banner a:hover:after {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-off.svg) no-repeat;
}


/* RESPONSIVE*/
@media (min-width: 1200px) {}


@media (max-width: 992px) {
    .tema-general .inf-titles p {
        width: 100%;
    }

    .tema-general .indice-publicaciones {
        height: auto;
    }

    .tema-general .publicacion {
        margin-bottom: 1em;
    }
}

@media (max-width: 768px) {

    .tema-general .bg-gray_tema {
        padding: 0 15px;
    }

    /*Menú investigación*/

    .tema-general .menu-investigacion {
        display: block;
        justify-content: center;
    }

    .tema-general .menu-investigacion .navbar-header {
        display: flex;
        justify-content: center;
    }

    .tema-general .menu-investigacion .navbar {
        width: 50%;
    }

    .tema-general .menu-investigacion .navbar-nav {
        display: block;
        padding-left: 15px;
        margin-left: 0;
    }

    .tema-general .menu-investigacion .nav>li>a {
        text-align: center !important;
        margin: 0;
    }

    .tema-general .menu-investigacion .nav>li>a:hover {
        border-bottom: 1px solid #acacac;
        background-color: transparent !important;
    }

    #sociedad .nav .open {
        background-color: #fff !important;
        text-align: center !important;
    }

    .tema-general .logo-gedi img {
        width: 90% !important;
        padding-left: 40px !important
    }

    .tema-general .menu-investigacion .dropdown-menu>li>a {
        text-align: center;
    }

    /*Fin Menú investigación*/

    /*Inicio banner temática*/

    .tema-general .menu-lateral {
        margin-top: 2em;
    }

    .tema-general nav.menu-lateral ul {
        margin-left: 0px;
    }

    /*Fin banner temática*/

    /*Inicio indice temas*/

    .tema-general .indice-herramientas {
        float: left;
        width: 100%;
    }

    .tema-general .row.btns-herramientas {
        margin-left: 0;
        margin-right: 0;
    }

    .tema-general .indice-temas ul li a:before {
        float: left;
        margin-bottom: 0.5em;
    }

    .tema-general .btn-line-r {
        margin-bottom: 2em;
    }

    /*Fin indice temas*/

    .tema-general .intro-img {
        margin-bottom: 2em;
    }

    .tema-general .info-tecnica {
        padding: 1.5em 3.2em;

    }

    .tema-general .info-tecnica_tabs table.basic-table {
        max-width: 100%;
        overflow: scroll;
        display: block;
    }

    .tema-general .indice-publicaciones {
        margin-bottom: 0;
    }

    .tema-general .publicacion {
        margin: 1em 0;
    }

    .tema-general .publicacion .publi-img {
        margin: 0 20% 0.5em 20%;
        max-width: 60%;
    }

    .tema-general .publicacion .publi-img img {
        text-align: center;
    }

    .tema-general .publicacion .publi-txt .tema-btn {
        text-align: center;
    }
}

@media (max-width: 576px) {

    /*Inicio indice temas*/
    .tema-general .bg-fluidOutSideContainerDefault,
    .bg-fluidOutSideContainerDefault4 {
        padding-left: 2em;
        padding-right: 2em;
    }

    .tema-general .indice-herramientas {
        border-bottom: 1px solid #ccc;
        margin: 1.5em 0 1.8em 0;
    }

    .tema-general .btns-herramientas {
        display: block;
    }

    .tema-general .indice-herramientas p {
        margin-bottom: 0.5em;
    }

    .tema-general .indice-temas ul li a:before {
        margin-bottom: 0.2em;
        float: left !important;
    }

    .tema-general .btn-line-r {
        border-right: none;
    }

    /*Fin indice temas*/
    .tema-general .info-tecnica {
        padding: 1.2em 2.8em;
    }

    .tema-general .cel-hidden {
        display: none;
    }

    .tema-general .publicacion .publi-img {
        margin: 0 0% 0.5em 0%;
        max-width: 100%;
    }
}

/* FIN RESPONSIVE*/

/* FIN ESTILOS TEMÁTICAS*/
/* 6.) ESTILOS GENERALES TEMÁTICAS 2024*/


/*Tabs inicio*/
.nav-tabs.tabs-dane {
    border-bottom: none;
    margin-bottom: 3em;
}

.nav-tabs.tabs-dane.tabs-4>li {
    width: 25%;

}

.nav-tabs.tabs-dane>li a:link {
    padding: 10px 15px 12px 15px;
    margin-right: 0.3em;
    margin-left: 0.3em;
    background-color: #ffffff !important;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 800;
    text-align: center;
    border: none;
}

.nav-tabs.tabs-dane>li>a {
    color: #888888;
    border-bottom: #7D0641 2px solid;
    border-radius: 0;
}

.nav-tabs.tabs-dane>li.active>a {
    color: #B40A4D !important;
    border-bottom: #B40A4D 2px solid !important;
    border-top: none;
    border-left: none;
    border-right: none;
}

.nav-tabs.tabs-dane>li>a:hover {
    background-color: #eeeeee !important;
    color: #7D0641;
}

.tab-content>.tab-pane {
    padding: 0 3em;
}

/*Tabs fin*/

/*Cards inicio*/

.card-dane.card-lg {
    min-height: 620px;
}

.card-dane,
.card-dane_horizontal {
    margin-top: 40px;
    background-color: #FFF;
    padding: 8px;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 16px #e3e3e3);
}

.card-dane_horizontal {
    padding: 0px !important;
    transition: 0.2s;
    display: flex;
    justify-content: space-around;

}

.card-dane .img_card-dane {
    margin-bottom: 1em;
}

.card-dane .icon_card-dane {
    margin-bottom: 0.5rem;
    text-align: center;
    margin-top: -4rem;
}

.card-dane .img_card-dane img {
    border-radius: 15px 15px 0 0;
}

.card-dane_horizontal>img,
.card-dane_horizontal a>img {
    height: auto;
    width: 300px;
    object-position: center center;
    border-radius: 16px 0px 0px 16px;
    -moz-border-radius: 16px 0px 0px 16px;
    -webkit-border-radius: 16px 0px 0px 16px;
    -khtml-border-radius: 16px 0px 0px 16px;
    width: 250px;
    height: auto;
    object-fit: cover;
    object-position: center center;
}

.card-dane .content_card-dane,
.card-dane .btns_card-dane {
    padding: 0.5em 1em;
}

.card-dane_horizontal .card-info_wrap {
    padding: 2em;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.content_card-dane p.card-title {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    color: #1E1E1E !important;
    font-weight: bold !important;
    margin-bottom: 0.5em;
}

.card-dane .btns_card-dane .tema-btn {
    margin: 10px;
}

.card-dane .btns_card-dane .tema-btn a {
    display: block;
    padding: 8px 30px;
    text-align: center;
}

.card-dane_horizontal .btns_card-dane {
    display: flex;
    justify-content: flex-start
}

.tema-general .card-info_wrap .tema-btn {
    margin: 10px 10px 0 0;
}


@media (max-width: 1199px) and (min-width: 992px) {
    .card-dane_horizontal .btns_card-dane .tema-btn a {
        display: block;
        padding: 8px 30px;
        text-align: center;
        margin: 0 0.5em;
    }

    .tema-general .card-dane_horizontal .btns_card-dane .tema-btn {
        margin: 10px 0 0 0;
    }
}


@media all and (max-width: 992px) {
    .nav-tabs.tabs-dane>li a:link {
        width: auto !important;
    }

    .card-dane {
        margin-bottom: 1em;
    }

    .card-sm .content_card-dane {
        min-height: 110px;
    }

    .card-dane_horizontal {
        flex-direction: column;
    }

    .card-dane_horizontal .btns_card-dane {
        display: block;
    }

}

@media all and (max-width: 768px) {
    .tema-general .info-tecnica_tabs .tab-content {
        padding: 0;
    }
}

@media all and (max-width: 500px) {
    .card-dane_horizontal .btns_card-dane .tema-btn a {
        display: block;
        padding: 8px 30px;
        text-align: center;
        margin: 0 0.5em;
    }
}

/*Cards fin*/

/*Acordeón inicio*/

#accordion-dane {
    filter: drop-shadow(0px 12px 36px #d9d9d9);
    background-color: #fff;
    border-radius: 24px;
    padding: 16px 16px;
}

#accordion-dane #accordion-radius {
    border-radius: 24px 24px 0 0 !important;
    box-shadow: none;
    border-color: #fff !important;
}

#accordion-dane .panel-default>.panel-heading {
    padding: 10px 16px 10px 16px !important;
    border-radius: 24px 24px;
}

#accordion-dane .panel-default>#accordion-bottom {
    border-radius: 0 0 24px 24px !important;
}

/*#accordion-dane .panel-group .panel {border-radius: 24px 24px !important;  box-shadow: none; border-color: transparent !important; }*/
#accordion-dane .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    padding: 20px 20px 44px 20px;
    font-size: 1.6rem;
    font-weight: 400;
    background-color: #fff;
    border-radius: 0 0 24px 24px;
}

#accordion-dane .panel-default>.panel-heading+.panel-collapse>.panel-body h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #5a1331;
    margin: 0 0;
}

#accordion-dane .panel-default>.panel-heading+.panel-collapse>.panel-body p {
    font-size: 1.6rem;
    color: #333;
    font-weight: 400 !important;
}

#accordion-dane .panel-default>.panel-heading+.panel-collapse>.panel-body img {
    width: 100%;
    border: 2px solid #d4d1d2;
    border-radius: 8px;
}

#accordion-dane .panel-default>.panel-heading+.panel-collapse>.panel-body hr {
    margin-left: 0;
    width: 88px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dddddd;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

#accordion-dane .panel-default>.panel-heading {
    background-color: #fff;
    border-color: #dddddd;
}

#accordion-dane .panel {
    border-radius: 24px 24px !important;
    box-shadow: none;
    border-color: transparent !important;
}

#accordion-dane .panel-default>.panel-heading .panel-title .hr {
    margin: 20px 16px 0px 16px !important;
    border-top: 1px solid #d8d8d8 !important;
}

#accordion-dane .panel-default>.panel-heading .panel-title hr {
    margin: 24px 0 0 0 !important;
    border: 0;
    border-top: 1px solid #d8d8d8;
}

#accordion-dane .panel-default>.panel-heading .panel-title a {
    color: #bd134e;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 600;
}

#accordion-dane .panel-default>.panel-heading .panel-title a:hover {
    color: #66243d !important;
}

#accordion-dane .panel-default>.panel-heading .panel-title a:visited {
    color: #bd134e;
}

#accordion-dane .panel-default>.panel-heading {
    padding-left: 10px;
}

#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle.collapsed,
#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle:not(.collapsed) {
    display: block;
}

#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle.collapsed {
    color: #66243d !important;
}

#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle:not(.collapsed) {
    color: #bd134e !important;
}

#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle.collapsed .pull-right:after {
    content: "+";
    color: #bd134e;
    font-weight: bold;
}

#accordion-dane .panel-default>.panel-heading .panel-title .accordion-toggle:not(.collapsed) .pull-right:after {
    content: "-";
}

#accordion-dane li::marker {
    color: #66243d;
}

#accordion-dane .panel-body {
    overflow-x: scroll;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}


#accordion-dane table {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    margin-top: 0 !important;
    min-width: 1000px;
    table-layout: fixed;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: -moz-scrollbars-horizontal;
    overflow: scroll;
    scrollbar-width: auto;
    scrollbar-color: #ff0000 #ccc;
}

#accordion-dane table::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#accordion-dane table::-webkit-scrollbar-thumb {
    background-color: #ff0000;
    border-radius: 10px;
}

#accordion-dane table::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 10px;
}

#accordion-dane table thead.header {
    font-size: 1.6rem;
    background-color: #fff3f8 !important;
    color: rgb(90 19 49);
}

#accordion-dane table td {
    font-size: 1.6rem;
    color: #333;
}

#accordion-dane tableth,
td {
    overflow: hidden;
}

/*Acordeón fin*/

.bg-color {
    padding: 1em;
    border-radius: 1em;
}

/* 6.) ESTILOS GENERALES TEMÁTICAS 2024 FIN*/
/*---------------------------------------------------------------------*/

/* 7.) TEMÁTICA ECONOMÍA  */

/* ACTUALIZACIÓN OCTUBRE 2020*/

/* INICIA ESTILOS ECONOMÍA*/


#economia .inf-titles h1,
#economia .inf-titles h2,
#economia .inf-titles h3,
#economia .menu-investigacion .nav>li>a.active,
#economia .menu-investigacion .nav>li>a:focus,
#economia .menu-investigacion .nav>li>a:hover,
#economia nav.menu-lateral ul li a,
#economia .indice-temas ul li a:hover,
#economia .indice-temas ul li a:focus,
#economia .indice-temas ul li a:hover:before,
#economia .btn-documento,
#economia .indice-herramientas h2,
#economia .info-tecnica_tabs ul li a {
    color: #0D5E60;
}

#economia .info-tecnica_tabs .nav-tabs>li>a h2 {
    color: #0D5E60;
}

#economia .hr-temas hr {
    border-color: #00A9AD;
}

#economia .tema-btn a,
#economia .tabla-docs-tema thead.header-1,
#economia .info-tecnica_tabs .nav-tabs>li.active>a,
#economia .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#economia .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #0D5E60 !important;
}

#economia .tema-btn a:hover {
    background-color: #00A9AD !important;
}

/*Inicio Banner temática*/

#economia .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/boletines/pib/imagenes/fondo-banner.svg);
}

#economia nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-off.svg) no-repeat;
}

#economia nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-on.svg) no-repeat;
}

/*Fin Banner temática*/

/*Inicio indice temas*/

#economia .indice-temas ul li a:before {
    color: #00A9AD !important;
}

#economia .btn-line-r {
    border-right-color: #0D5E60;
}

#economia .nota-meto {
    background-color: #f2f0f7;
}

#economia .hrmenu hr {
    margin: 0em auto 3em auto;
}

/*Fin indice temas*/

/* FIN ESTILOS TEMÁTICA ECONOMÍA*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*8.) BIBLIOTECA JURIDICA*/
/*Guía normativa de operaciones estadísticas - ylmunozd*/

.bjv-tabla {
    border-collapse: collapse;
    width: 540pt;
    margin-left: auto;
    margin-right: auto;
}

.bjv-listas {
    vertical-align: middle;
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: circle;
}

.bjv-celda {
    border-top: currentColor;
    vertical-align: middle;
}

.bjv-celdacentrada {
    text-align: center;
}

.bjv-anchocelda-operacionestadistica {
    width: 134pt;
}

.bjv-anchocelda-frecuencia {
    width: 92pt;
}

.bjv-anchocelda-normatividadaplicable {
    width: 210pt;
}

.bjv-fila-titulo {
    height: 43.5pt;
    font-size: 12pt;
    color: white;
    border-style: solid;
    border-width: 0.5pt;
    text-align: center;
    vertical-align: middle;
}

.bjv-fila-relleno {
    font-size: 10pt;
    border-style: solid;
    border-width: 0.5pt;
    text-align: center;
    vertical-align: middle;
}

.bjv-fila-vacio {
    font-size: 10pt;
    border-style: solid;
    border-width: 0.5pt;
    text-align: center;
    vertical-align: middle;
}

.bjv-fila-morado01-titulo {
    border-color: #b1a0c7;
    background: #8064a2 none repeat scroll 0% 0%;
}

.bjv-fila-morado01-relleno {
    border-color: #b1a0c7;
    background: #e4dfec none repeat scroll 0% 0%;
}

.bjv-fila-morado01-vacio {
    border-color: #b1a0c7;
}

.bjv-fila-verde01-titulo {
    border-color: #c4d79b;
    background: #9bbb59 none repeat scroll 0% 0%;
}

.bjv-fila-verde01-relleno {
    border-color: #c4d79b;
    background: #ebf1de none repeat scroll 0% 0%;
}

.bjv-fila-verde01-vacio {
    border-color: #c4d79b
}

.bjv-fila-azul01-titulo {
    border-color: #92cddc;
    background: #4bacc6 none repeat scroll 0% 0%;
}

.bjv-fila-azul01-relleno {
    border-color: #92cddc;
    background: #daeef3 none repeat scroll 0% 0%;
}

.bjv-fila-azul01-vacio {
    border-color: #92cddc;
}

.bjv-fila-azul02-titulo {
    border-color: #95b3d7;
    background: #4f81bd none repeat scroll 0% 0%;
}

.bjv-fila-azul02-relleno {
    border-color: #95b3d7;
    background: #dce6f1 none repeat scroll 0% 0%;
}

.bjv-fila-azul02-vacio {
    border-color: #95b3d7;
}

.bjv-fila-naranja01-titulo {
    border-color: #fabf8f;
    background: #f79646 none repeat scroll 0% 0%;
}

.bjv-fila-naranja01-relleno {
    border-color: #fabf8f;
    background: #fde9d9 none repeat scroll 0% 0%;
}

.bjv-fila-naranja01-vacio {
    border-color: #fabf8f;
}

.bjv-fila-rojo01-titulo {
    border-color: #da9694;
    background: #c0504d none repeat scroll 0% 0%;
}

.bjv-fila-rojo01-relleno {
    border-color: #da9694;
    background: #f2dcdb none repeat scroll 0% 0%;
}

.bjv-fila-rojo01-vacio {
    border-color: #da9694;
}

.bjv-fila-rojo01-titulo {
    border-color: #da9694;
    background: #c0504d none repeat scroll 0% 0%;
}

.bjv-fila-rojo01-relleno {
    border-color: #da9694;
    background: #f2dcdb none repeat scroll 0% 0%;
}

.bjv-fila-rojo01-vacio {
    border-color: #da9694;
}

/* BIBLIOTECA JURIDICA*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* 9.) TEMÁTICA SOCIEDAD  */

/* ACTUALIZACIÓN DICIEMBRE 2020*/

/* INICIA ESTILOS SOCIEDAD*/

#sociedad .inf-titles h1,
#sociedad .inf-titles h2,
#sociedad .inf-titles h3,
#sociedad .menu-sociedad .nav>li>a.active,
#sociedad .menu-sociedad .nav>li>a:focus,
#sociedad .menu-sociedad .nav>li>a:hover,
#sociedad nav.menu-lateral ul li a,
#sociedad .indice-temas ul li a:hover,
#sociedad .indice-temas ul li a:focus,
#sociedad .indice-temas ul li a:hover:before,
#sociedad .info-intro h2,
#sociedad .btn-documento,
#sociedad .indice-herramientas h2,
#sociedad .info-tecnica_tabs ul li a,
#sociedad .info-tecnica_tabs .nav-tabs>li>a h2,
#sociedad .box-data .data .btn-icon h2 {
    color: #244F83;
}

#sociedad .hr-temas hr {
    border-color: #B6004C;
}

#sociedad .tema-btn a,
#sociedad .tabla-docs-tema thead.header-1,
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a,
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #244F83 !important;
}

#sociedad .tema-btn a:hover {
    background-color: #3479B2 !important;
}

/*Inicio Banner temática*/
#sociedad .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/fondo-banner-soc.svg);
}

.banner-tematica #bg-gedi.back-bn {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/fondo-banner-gedi.svg);
}

#sociedad nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-off.svg) no-repeat;
}

#sociedad nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-on.svg) no-repeat;
}

/*Fin Banner temática*/

/*Inicio indice temas*/

#sociedad .indice-temas ul li a:before {
    color: #B6004C !important;
}

#sociedad .btn-line-r {
    border-right-color: #244F83;
}

/*Fin indice temas*/

#sociedad .box-btn a {
    background-color: #244F83;
}

#sociedad .verificacion:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/check_soc.svg) no-repeat;
}

#sociedad .img-btn_bl-txt ul li {
    color: #0f6483;
}

/*TABS*/
#sociedad .nn_tabs .nav-tabs>li.active>a,
#sociedad .nn_tabs .nav-tabs>li.active>a:hover {
    color: #FFF !important;
}

#sociedad .rl_tabs .nav-tabs>li>a {
    color: #244F83 !important;
    line-height: 0.9em;
}

#sociedad li.active>a {
    background-color: #244F83 !important;
    ;
}

#sociedad .tabscortas .nav-tabs a {
    padding: 0.7em 1em !important;
    font-size: 1.7em;
}

#sociedad .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane,
#sociedad .tabs-bg-gris .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane {
    background-color: #FFF;
}

#sociedadl .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane,
#sociedad .tabs-bg-blanco .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane {
    background-color: #f7f7f7;
}

#sociedad .rl_tabs.outline_content>.tab-content>.tab-pane {
    padding: 0px;
}

#sociedad .rl_tabs>.tab-content>.tab-pane {
    padding: 0px;
    overflow-x: auto;
    overflow-y: hidden;
}

#sociedad .info-tecnica {
    margin: 0px !important;

}

/*Fin TABS*/


/*FIN ESTILOS SOCIEDAD*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/

/* 10.) ESTILOS ESPECÍFICOS INVESTIGACIONES  */

/* ACTUALIZACIÓN NOVIEMBRE 2020*/

/* INICIA ESTILOS GEDI*/

#boton-gedi_1 {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque1.jpg);
}

#boton-gedi_2 {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque2.jpg);
}

#boton-gedi_3 {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque3.jpg);
}

#boton-gedi_4 {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque4.jpg);
}

#boton-gedi_5 {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque5.jpg);
}

#sociedad #gedi_gen-bg.box-data {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/bg-data_gen.jpg);
}

#sociedad .btn-group .btn-icon a#genero-ml {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/mercado-laboral_gedi.svg);
}

#sociedad .btn-group .btn-icon a#genero-ec {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/economia-cuidado_gedi.svg);
}

#sociedad .btn-group .btn-icon a#genero-ds {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/diversida-sexual_gedi.svg);
}

#sociedad .btn-group .btn-icon a#genero-ot {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/otros-temas_gedi.svg);
}

#sociedad .btn-group .btn-icon a#genero-mh {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/diversida-hombreMujer.svg);
}

#sociedad #gedi_cam-bg.box-data {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/bg-data_cam.jpg);
}

#sociedad .btn-group .btn-icon a#campesinado-ml {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/calidad-de-vida-gedi.svg);
}

#sociedad .btn-group .btn-icon a#campesinado-ec {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/cultura-politica-gedi.svg);
}

#sociedad .btn-group .btn-icon a#etnicos-af {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/poblacion-afrocolombiana-gedi.svg);
}

#sociedad .btn-group .btn-icon a#etnicos-gi {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/poblacion-gitana-gedi.svg);
}

#sociedad .btn-group .btn-icon a#etnicos-in {
    background-image: url(../../../files/images/imagenes-secciones/sociedad/pueblos-indigenas-gedi.svg);
}

/*estilos añadidos el 9 de febrero 2021 por peticion de cambio de color de Mauricio*/
.color-gedi {
    color: #3800a5 !important;
}

.color-gedi-bkg {
    background-color: #3800a5 !important;
}

.bg-gris-gedi {
    background-color: #EAEAEA !important;
    background-image: none !important;
}

.publigedi-table {
    margin: 10px 0px 25px 0 !important;
}

.publigedi-tbody {
    background-color: #F7F7F7 !important;
    font-size: 0.9em !important;
}

.publigedi-td {
    padding: 5px !important;
    border: none !important;
}

.hr-gedi {
    border-color: #7B3E65 !important;
}

#sociedad nav.menu-lateral-gedi ul li a:after {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_gedi-off.svg) no-repeat !important;
}

#sociedad nav.menu-lateral-gedi ul li a:hover:after {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_gedi-on.svg) no-repeat !important;
}

/*FIN ESTILOS GEDI*/

/* INICIA ESTILOS EEVV*/

#eevv-bg.box-data {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/background-data_eevv.jpg) no-repeat;
}

#sociedad .btn-group .btn-icon a#genero-re {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/resultados.svg);
}

#sociedad .btn-group .btn-icon a#genero-rt {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/registros-tardios.svg);
}

#sociedad .btn-group .btn-icon a#genero-ce {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/certificado.svg);
}

#sociedad .btn-group .btn-icon a#genero-tm {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/tasa-de-mortalidad-infantil.svg);
}

#sociedad .btn-group .btn-icon a#genero-na {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/nacimientos.svg);
}

#sociedad .btn-group .btn-icon a#genero-ft {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/fetales.svg);
}

#sociedad .btn-group .btn-icon a#genero-nf {
    background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/no-fetales.svg);
}

/*FIN ESTILOS EEVV*/


/* FIN ESTILOS ESPECÍFICOS INVESTIGACIONES*/





/*REVISAR SI SE ELIMINA O SE MANTIENE*/
#sociedad .contenido-data .dat1 {
    padding: 0 30px;
}

#sociedad .contenido-data .dat1 p {
    font-size: 22px;
}

#sociedad .contenido-data .dat1 p:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/clip.svg) no-repeat;
    content: " ";
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    margin-right: 20px;
    background-size: contain;
}

#sociedad .contenido-data .dat1 a {
    padding: 10px;
}

#sociedad .contenido-data .dat1 a:hover {
    opacity: 0.5;
    transition: 0.2s all ease-in;
}

#sociedad .contenido-data .dat1:nth-child(3) a,
.dat1:nth-child(4) a {
    background-color: #f6f6f7;
    display: block;
}

#sociedad .contenido-data .dat2 h3 {
    color: #5b5b5b;
    margin: 8px;
}

#sociedad .contenido-data .dat2 h3.download {
    color: #3c3c3b;
}

#sociedad .contenido-data .dat2 a.download:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/download.svg) no-repeat;
    content: " ";
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    margin-right: 20px;
    background-size: contain;
}

#sociedad .contenido-data .dat2:nth-child(2),
.dat2:nth-child(4),
.dat2:nth-child(6) {
    background-color: #f2f2f2;
}

#sociedad .contenido-data .dat p:before {
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/clip.svg) no-repeat;
    content: " ";
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    margin-right: 20px;
    background-size: contain;
}

#sociedad .contenido-data .dat p {
    font-size: 22px;
}

#sociedad .contenido-data .dat a {
    padding: 10px;
}

#sociedad .contenido-data .dat {
    padding: 0 30px;
}

#fetales .container .inf-titles {
    padding-top: 50px;
}

#fetales .contenido-data {
    padding-bottom: 60px;
}

#fetales .contenido-data .inf-titles p {
    padding-bottom: 40px;
}

/* END INICIA ESTILOS NACIMIENTO*/


/* INICIA ESTILOS POBREZA*/
.nav-pobreza {
    padding-top: 4.5em;
}

#pobreza-bg.box-data {
    background-color: #EAEAEA;
}

.tema-general .info-gris {
    float: left;
    width: 100%;
    padding: 1em 6em;
}

.titulo1 {
    font-size: 6em !important;
    margin: 0;
}

.titulo2 {
    font-size: 4em !important;
    font-weight: lighter !important;
    ;
}

.enlace-destacado {
    margin-left: 30px;
    font-size: 1.4em;
    color: #B6004C;
    font-weight: bold;
}

.actualizacion {
    margin-left: 30px;
}

/*responsive pobreza*/
@media (min-width: 1000px) {
    .nav-pobreza {
        padding-top: 3.5em !important;
        ;
    }
}

@media (min-width: 768px) {
    .nav-pobreza {
        padding-top: 0em;
    }
}

@media (max-width: 576px) {
    .tema-general .info-gris {
        padding: 1em 2em;
    }

    .tema-general .logo-pobreza {
        margin-left: 3em !important;
        margin-bottom: -3em;
    }
}

/* fin responsive pobreza*/
/* FIN ESTILOS POBREZA*/


/* FIN ESTILOS SOCIEDAD*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/

/* 11.) CENSO ECONÓMICO  */
#censo-economico .inf-titles h1,
#censo-economico .inf-titles h2,
#censo-economico .inf-titles h3,
#censo-economico .menu-investigacion .nav>li>a.active,
#censo-economico .menu-investigacion .nav>li>a:focus,
#censo-economico .menu-investigacion .nav>li>a:hover,
#censo-economico nav.menu-lateral ul li a,
#censo-economico .indice-temas ul li a:hover,
#censo-economico .indice-temas ul li a:focus,
#censo-economico .indice-temas ul li a:hover:before,
#censo-economico .btn-documento,
#censo-economico .indice-herramientas h2,
#censo-economico .info-tecnica_tabs ul li a {
    color: #1188b7;
}

#censo-economico .tema-btn a,
#censo-economico .tabla-docs-tema thead.header-1,
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a,
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #1188b7 !important;
}

#censo-economico {
    overflow: hidden;
}

#censo-economico .banner-tematica .back-bn {
    display: block;
}

#censo-economico .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-censo-economico.svg);
}

/*
#censo-economico .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-conteo-unidades.svg);
}

#censo-economico .banner-tematica .back-bn:hover {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-censo-economico.svg);
}
*/

#censo-economico .banner-tematica .back-bn:hover>.bt-icon::after {
    content: url("../../../files/investigaciones/censo-economico/imagenes/flecha-der_blanca.svg");
}

#censo-economico .banner-tematica .back-general {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/banner-general-ce.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 80px;
    border-bottom: 10px solid #0f729b;
}

#censo-economico .banner-tematica .btn-ce {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-censo-economico.svg);
}

#censo-economico .banner-tematica .back-bn {
    padding: 100px 80px;
    margin: 2em 0;
}

#censo-economico .ce-secciones .co-logo img {
    max-width: 100%;
    width: 60%;
}

#censo-economico .ce-secciones {
    margin-top: 60px;
}

#censo-economico .inf-titles p {
    width: 100%;
    float: none;
}

#censo-economico .inf-titles .box-list ul {
    padding: 0 20px;
}

#censo-economico .inf-titles .box-list ul li {
    margin-bottom: -10px;
}

#censo-economico .inf-titles p b {
    font-weight: bold;
}

#censo-economico .banner-tematica .titulo {
    font-size: 3.5em;
    font-weight: 400;
    margin-top: 10px;
}

#censo-economico .banner-tematica .subtitle {
    font-size: 3em;
    font-weight: 300;
    color: #fff;
}

#censo-economico .banner-tematica h3 {
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    margin-top: 24px;
}

#censo-economico .banner-tematica .cont-list li p {
    font-size: 18px;
    font-weight: 400;
}

#censo-economico .banner-tematica .list1 li::marker {
    color: #333333;
    font-size: 24px;
}

#censo-economico .banner-tematica .list2 li::marker {
    color: #1188b7;
    font-size: 24px;
}

#censo-economico .btn-banner a:after,
.bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_blanca.svg) no-repeat;
}

#censo-economico .btn-banner .bt-icon {
    float: left;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 700;
}

#censo-economico .btn-ce a:after,
.bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-off.svg) no-repeat;
    margin-left: 10px;
}


.box-grey {
    background-color: #eeeeee;
    margin: 30px 0;
    padding-bottom: 80px;
}

#censo-economico .ce-secciones .row {
    display: flex;
    align-items: center;
}

#censo-economico .ce-secciones .co-logo {
    padding: 0;
}

/*Inicio Banner temática*/
#censo-economico nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-on.svg) no-repeat !important;
}

#censo-economico nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-off.svg) no-repeat !important;
}

/*Fin Banner temática*/

#censo-economico nav.menu-lateral ul li a {
    color: #1188b7;
}

#censo-economico .hr-temas hr {
    border-color: #feb62b;
    float: left;
    width: 28px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    border-width: 3px;
}

#censo-economico .intro-txt .colum-2 img {
    width: 100%;
    height: 200px;
}

#censo-economico .carousel-indicators li {
    cursor: initial;
}

#censo-economico .box-slide .carousel-control.left,
.carousel-control.right {
    background: #ffffff00;
}

#censo-economico .box-slide .carousel-caption {
    background-color: #1188b7;
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    text-align: left !important;
    padding-left: 30px;
    font-weight: 500;
    font-size: 18px;
}

#censo-economico .box-slide .carousel-control {
    opacity: 1;
    border-bottom: px solid #1188b7 !important;
}

#censo-economico .box-slide .carousel-control span.glyphicon-chevron-left,
span.glyphicon-chevron-right {
    width: 46px;
    height: 46px;
}

#censo-economico .box-slide .carousel-control span.glyphicon-chevron-left::before {
    content: "";
    background: url(../../../files/investigaciones/censo-economico/imagenes/arrow-left-a.svg) no-repeat;
    width: 46px;
    height: 46px;
    display: block;
}

#censo-economico .box-slide .carousel-control span.glyphicon-chevron-right::before {
    content: "";
    background: url(../../../files/investigaciones/censo-economico/imagenes/arrow-right-a.svg) no-repeat;
    width: 46px;
    height: 46px;
    display: block;
}

#censo-economico .box-slide .carousel-control span.glyphicon:hover {
    opacity: 0.3;
}

#censo-economico .box-acordeon .row {
    display: flex;
    justify-content: center;
}

#censo-economico .box-acordeon .tab-content {
    position: absolute;
    top: 110px;
}

#censo-economico .box-acordeon .nav .nav-item {
    margin: 0 8px;
}

#censo-economico .box-acordeon .nav .nav-item a.nav-link {
    border: 1px solid #9c9b9b;
    border-radius: 30px;
    color: #9c9b9b;
    font-weight: 700;
    font-size: 14px;
    padding: 18px 50px;
}

#censo-economico .box-acordeon .nav .nav-item a.nav-link:hover {
    background-color: #1188b7;
    border: 1px solid #1188b7;
    color: #fff;
}

#censo-economico .box-acordeon .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #1188b7;
    border: 1px solid #1188b7 !important;
    color: #fff !important
}

#censo-economico .tab-content .tab-pane ul li {
    font-size: 1.35em;
    line-height: 1.4em;
    color: #333333
}

#censo-economico .tab-content .tab-pane ul li::marker {
    color: #1188b7;
    font-size: 20px;
}

#censo-economico .box-acordeon .separador {
    position: absolute;
    width: 100%;
    top: 60px;
}

#censo-economico .tab-content .posit {
    display: block;
    top: 0px;
    position: absolute;
}

#censo-economico .box-grey2 .box-white {
    text-align: center;
    background-color: #fff;
    padding: 50px 0;
}

#censo-economico .box-grey2 .box-white img {
    width: 30%;
    margin: 0 auto;
}

#censo-economico .box-grey2 .row:nth-child(2) {
    margin-top: 2em;
}

#censo-economico .box-grey2 .box-white h2 {
    color: #3a3a3a;
    margin-top: 25px;
    line-height: 1.3em;
}

#censo-economico .box-grey2 .box-white .boton {
    margin-top: 40px;
}

#censo-economico .box-grey2 .box-white .boton a {
    background-color: #1188b7;
    color: #fff;
    padding: 10px 60px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 18px;
}

#censo-economico .box-grey2 .box-white .boton a:hover {
    opacity: 0.6;
    transition: 0.2s all ease;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

/*------------- acordeones -----------------*/
#censo-economico .box-acordeon .container {
    padding: 0;
}

#censo-economico .box-acordeon .panel-group .panel {
    background-color: #fff0 !important;
}

#censo-economico .panel-collapse .panel-body .box-content {
    text-align: center;
}

#censo-economico .panel-collapse .panel-body .box-content img {
    width: 50%;
    margin: 0 auto;
}

#censo-economico .panel-collapse .panel-body .box-content .w-9 {
    width: 85%;
    margin: 0 auto;
}

#censo-economico .panel-collapse .panel-body .box-content .inf-titles h5 {
    color: #0c6480 !important;
}

#censo-economico .panel-body {
    background-color: rgb(255 255 255 / 60%);
}

#censo-economico .panel-group .panel .panel-body .box-col {
    width: 95%;
    margin: 0 auto;
}

#censo-economico .box-acordeon .demo p {
    font-size: 1.35em;
    line-height: 1.4em;
}

/*------------- end acordeones -----------------*/

/*responsive censo económico*/
@media (max-width: 450px) {
    #censo-economico .banner-tematica .back-general {
        padding: 0px 60px;
    }

    #censo-economico .banner-tematica .subtitle {
        line-height: 1.3em;
    }

    #censo-economico .banner-tematica .back-bn {
        padding: 3em 4em 5em;
        margin: 2em 0;
    }
}

/* fin responsive  */
/* FIN CENSO ECONOMICO */



/*  12.)OTROS  */

/* Nota Series estadísticas */
.img-redonda {
    clip-path: circle(50% at 50% 50%);
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Fin Nota Series estadísticas */


/* Serie historia del dato */
#historiadato .inf-titles h1,
#historiadato .inf-titles h2,
#historiadato .inf-titles h3,
#historiadato .menu-historiadato .nav>li>a.active,
#historiadato .menu-historiadato .nav>li>a:focus,
#historiadato .menu-historiadato .nav>li>a:hover,
#historiadato nav.menu-lateral ul li a,
#historiadato .indice-temas ul li a:hover,
#historiadato .indice-temas ul li a:focus,
#historiadato .indice-temas ul li a:hover:before,
#historiadato .info-intro h2,
#historiadato .btn-documento,
#historiadato .indice-herramientas h2,
#historiadato .info-tecnica_tabs ul li a,
#historiadato .info-tecnica_tabs .nav-tabs>li>a h2,
#historiadato .box-data .data .btn-icon h2 {
    color: #B6004C;
}

#historiadato .hr-temas hr {
    border-color: #B6004C;
}

#historiadato .tema-btn a,
#historiadato .tabla-docs-tema thead.header-1,
#historiadato .info-tecnica_tabs .nav-tabs>li.active>a,
#historiadato .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#historiadato .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #B6004C !important;
}

#historiadato div {
    padding-top: 1.5em;

}

#historiadato .tema-btn a:hover {
    background-color: #d1578a !important;
}

.ficha-historiadato {
    background-color: #FFF;
    padding: 3em 2em 3em 3em;
    margin-right: 3em !important;
}

.ficha-historiadato img {
    max-width: 200px;
    max-height: 200px;
}

.ficha-historiadato h3 {
    font-size: 2em;
    line-height: 1em;
    color: #3c3c3b;
}

@media (max-width: 990px) {
    .ficha-historiadato {
        margin-right: 0 !important;
    }
}

/* Fin Serie historia del dato */


/* ODS temporal marzo2022 */
@media (max-width: 1024px) {
    .movil-oculto {
        display: none;
    }
}

@media (min-width: 1025px) {
    .desktop-oculto {
        display: none;
    }
}

/* Fin ODS temporal marzo2022 */

/* CAJA DE BUSQUEDA, COLUMNAS CHAT */
/* Inicio de lista de resultados de busqueda*/
.js-finder-searchform legend {
    display: none;
}

.js-finder-searchform .btn-primary {
    margin: 0;
}

.js-finder-searchform .input-group {
    display: flex;
}

.com-finder.finder .pagination {
    float: inherit !important;
}

.com-finder.finder .com-finder__navigation.search-pagination {
    display: flex;
}

@media (min-width: 992px) {
    .com-finder.finder .com-finder__counter.search-pages-counter {
        margin-left: auto;
        margin-top: 24px;
    }

    /*ancho de la caja de busqueda*/
    #mod-finder-searchword248 {
        width: 100% !important;
    }
}

/*Fin de lista de resultados de busqueda*/
/* Inicio ajuste dos columnas articulos home  */
.itemid-109 .mod-articlesnews-vertical.newsflash-vert.mod-list {
    display: flex;
}

.itemid-109 .mod-articlesnews-vertical.newsflash-vert.mod-list li {
    padding: 0 30px 0px 5px;
}

@media (max-width:768px) {
    .itemid-109 .mod-articlesnews-vertical.newsflash-vert.mod-list {
        display: block;
    }

    .itemid-109 .mod-articlesnews-vertical.newsflash-vert.mod-list li {
        width: 100%;
    }
}

/* Fin ajuste dos columnas articulos home  */
/* Inicio chat */

@media (min-width: 768px) and (max-width: 1300px) {
    #chatFixedBottom img {
        width: 127px;
        height: auto;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #chatFixedBottom img {
        width: 150px;
    }
}

/* Fin chat */
/* Fin CAJA DE BUSQUEDA, COLUMNAS CHAT */

/*-----------------------FIN OTROS----------------------*/

/* 13.) INICIO RESOLUCION 1519*/

/* INICIA ESTILOS Sala de prensa*/

#boton-prensa_1 {
    background-image: url(../../../files/images/imagenes-secciones/actualidad.jpg);
}

#boton-prensa_2 {
    background-image: url(../../../files/images/imagenes-secciones/calendario.jpg);
}

#boton-prensa_3 {
    background-image: url(../../../files/images/imagenes-secciones/medios.jpg);
}

#boton-atencion-ciudadania_1 {
    background-image: url(../../../files/images/imagenes-secciones/tramites_y_servicios.svg);
}

#boton-atencion-ciudadania_2 {
    background-image: url(../../../files/images/imagenes-secciones/canales_de_atencion.svg);
}

#boton-atencion-ciudadania_3 {
    background-image: url(../../../files/images/imagenes-secciones/pqrsd.svg);
}

#dane-medios {}

#dane-medios p {
    font-size: 1.5rem;
}

.transparecia-resolucion1519 ul {
    list-style: none;
    line-height: 1.4em;
    padding-top: 1em;
    padding-left: 2em;
}

.transparecia-resolucion1519 li {
    font-weight: 600;
    color: #565656;
    padding-bottom: 1em;
}

.transparecia-resolucion1519 li a {
    font-weight: 500;
}

/*-----------------------FIN RESOLUCION 1519----------------------*/

/* 14.) OBJETIVOS DE DESARROLLO SOSTENIBLE ODS 2022 */

/* ODS temporal marzo2022 */
@media (max-width: 1024px) {
    .movil-oculto {
        display: none;
    }
}

@media (min-width: 1025px) {
    .desktop-oculto {
        display: none;
    }
}

/* Fin ODS temporal marzo2022 */


/*------------ODS FASE2 mayo2022-------------*/
#ODS .inf-titles h1,
#ODS .inf-titles h2,
#ODS .inf-titles h3,
#ODS .inf-titles h4,
#ODS .well h4 {
    color: #666666;
}

#ODS .menu-investigacion .nav>li>a.active,
#ODS .menu-investigacion .nav>li>a:focus,
#ODS .menu-investigacion .nav>li>a:hover,
#ODS nav.menu-lateral ul li a,
#ODS .indice-temas ul li a:hover,
#ODS .indice-temas ul li a:focus,
#ODS .indice-temas ul li a:hover:before,
#ODS .btn-documento,
#ODS .indice-herramientas h2,
#ODS .info-tecnica_tabs ul li a {
    color: #1f92c9;
}

#ODS .tema-btn a,
#ODS .tabla-docs-tema thead.header-1,
#ODS .info-tecnica_tabs .nav-tabs>li.active>a,
#ODS .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#ODS .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #1f92c9 !important;
}

#ODS .banner-tematica .back-general {
    background-image: url(../../../files/investigaciones/ods/imagenes/banner-general.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 80px;
    border-bottom: 10px solid #0f729b;
}

#ODS .inf-titles p {
    width: 100%;
    float: none;
}

#ODS .inf-titles .box-list ul {
    padding: 0 20px;
}

#ODS .inf-titles .box-list ul li {
    margin-bottom: -10px;
}

#ODS .inf-titles p b {
    font-weight: bold;
}

#ODS .banner-tematica .titulo {
    font-size: 3.5em;
    font-weight: 400;
    margin-top: 10px;
}

#ODS .banner-tematica .subtitle {
    font-size: 3em;
    font-weight: 300;
    color: #fff;
}

#ODS .banner-tematica h3 {
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    margin-top: 24px;
}

#ODS .banner-tematica .cont-list li p {
    font-size: 18px;
    font-weight: 400;
}

#ODS .banner-tematica .list1 li::marker {
    color: #333333;
    font-size: 24px;
}

#ODS .banner-tematica .list2 li::marker {
    color: #1f92c9;
    font-size: 24px;
}

#ODS .btn-banner a:after,
.bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_blanca.svg) no-repeat;
}

#ODS .btn-banner .bt-icon {
    float: left;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 700;
}

/*Inicio Banner temática*/
#ODS nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-on.svg) no-repeat !important;
}

#ODS nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-off.svg) no-repeat !important;
}

/*Fin Banner temática*/

#ODS nav.menu-lateral ul li a {
    color: #1f92c9;
}

#ODS .hr-temas hr {
    border-color: #1f92c9;
    float: left;
    width: 28px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border-width: 3px;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

#ODS .well,
#ODS .well p {
    color: #444;
    font-size: 1.5rem;
    line-height: 1.4em;
}

#ODS .well {
    padding: 3rem 4rem;
}

#ODS .well a {
    color: #1f92c9;
    ;
}

#ODS #transversal .contenedor-bg-gray_tema {
    width: 90%;
    margin: auto;
    max-width: 1140px;
}


/* -- CUADROS ICONOS ODS -- */
#ODS .cuadrosp-ods1 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods01-p.png);
}

#ODS .cuadrosp-ods2 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods02-p.png);
}

#ODS .cuadrosp-ods3 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods03-p.png);
}

#ODS .cuadrosp-ods4 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods04-p.png);
}

#ODS .cuadrosp-ods5 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods05-p.png);
}

#ODS .cuadrosp-ods6 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods06-p.png);
}

#ODS .cuadrosp-ods7 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods07-p.png);
}

#ODS .cuadrosp-ods8 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods08-p.png);
}

#ODS .cuadrosp-ods9 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods09-p.png);
}

#ODS .cuadrosp-ods10 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods10-p.png);
}

#ODS .cuadrosp-ods11 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods11-p.png);
}

#ODS .cuadrosp-ods12 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods12-p.png);
}

#ODS .cuadrosp-ods13 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods13-p.png);
}

#ODS .cuadrosp-ods14 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods14-p.png);
}

#ODS .cuadrosp-ods15 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods15-p.png);
}

#ODS .cuadrosp-ods16 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods16-p.png);
}

#ODS .cuadrosp-ods17 {
    background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods17-p.png);
}

/* -- FIN CUADROS ICONOS ODS -- */
.tema-general .iconocuadros .img-btn_bl-info h3 a {
    font-size: 1.1em;
    line-height: 1.2em;
    color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
}


/*responsive ODS*/
@media (max-width: 450px) {
    #ODS .banner-tematica .back-general {
        padding: 0px 60px;
    }

    #ODS .banner-tematica .subtitle {
        line-height: 1.3em;
    }

    #ODS .banner-tematica .back-bn {
        padding: 3em 4em 5em;
        margin: 2em 0;
    }
}

/* fin responsive  */
/*--------- FIN ODS mayo2022-----------*/


/*-----------------------FIN OBJETIVOS DE DESARROLLO SOSTENIBLE ODS 2022----------------------*/

/*--------------------------------15.) DANE EN LOS MEDIOS 20062023--------------------------------*/
:root {
    --color-medios-1: #f9ffca;
    --color-medios-claro: #af144d;
    --color-medios-oscuro: #84133c;
    --color-medios-light: #a94273;
    --color-gris: #efefef;
}

#medios .box-header {
    background: url(/../files/images/dane-medios/bg_dane_en_los_medios.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#medios .box-header .bg-1 {
    background: url(/../files/images/dane-medios/bg_entrevistas.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#medios .box-header.bg-2 {
    background: url(/../files/images/dane-medios/bg_cultura_estadistica.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#medios .box-header.bg-3 {
    background: url(/../files/images/dane-medios/bg_comunicados_de_prensa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#medios .box-header.bg-4 {
    background: url(/../files/images/dane-medios/bg_infografias.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#medios .box-header .content_data .data h1 {
    font-size: 4.5rem;
}

#medios .box-header .content_data .data h1.ancho1 {
    max-width: 430px;
}

#medios .hr-temas hr {
    border-color: var(--color-medios-1) !important;
    width: 60px;
    border-width: 6px;
}

#medios .info-tecnica_tabs .nav-tabs>li.active>a {
    background-color: var(--color-medios-oscuro) !important;
}

#medios .info-tecnica_tabs .nav-tabs>li>a {
    color: var(--color-medios-light);
}

#medios .inf-titles .fecha {
    font-style: italic;
}

#medios .inf-titles h2.sub-title {
    color: var(--color-medios-light);
}

#medios .inf-titles h3 {
    color: var(--color-medios-oscuro);
}

#medios .inf-titles img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

#medios .inf-titles ul li {
    padding-bottom: 6px;
}

#medios .inf-titles ul li::marker {
    color: var(--color-medios-claro);
}

#medios .dane-btn a {
    background-color: #b6004c;
}

#medios .dane-btn a:hover {
    background-color: #7d0641;
}

#medios .box-center .inf-titles .card h4 {
    font-size: 2.3rem;
}

#medios .box-center .inf-titles .box-card .row {
    align-items: flex-start;
}

#medios .box-center .inf-titles .box-card .d-normalize {
    display: initial;
}

#medios .box-center .inf-titles .box-card .center {
    display: block;
    margin: 0 auto;
}

#medios .box-center .inf-titles .box-card .card .w-7 {
    width: 75%;
    margin: 0 auto;
}

#medios .box-center .inf-titles .card {
    padding: 0 2rem;
}

#medios .box-center .inf-titles .box-card .card-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

#medios .box-center .inf-titles .box-card .card-2 .logo-op img {
    width: 100%;
}

#medios .box-center .inf-titles .box-card .bg-grey {
    background: var(--color-gris);
}

#medios .box-center .box_infografias {
    width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

@media screen and (max-width: 992px) {
    #medios .box-center .inf-titles .box-card .card-2 {
        flex-direction: column;
        gap: 1rem;
        padding: 2rem 0;
    }

    #medios .box-center .inf-titles .card {
        margin-bottom: 5rem;
    }

    #medios .box-center .inf-titles .box-card .hg-card {
        flex-direction: column;
    }
}

/*--------------------------------END 15. DANE EN LOS MEDIOS--------------------------------*/
/*------------------------- 16.) ESTILOS SECCION TRACCION ANIMAL 05052023 ------------------------------*/
#sociedad .box-header {
    background: url(../../../files/images/imagenes-secciones/traccion-animal/background_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.box-header .content_data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7rem;
    gap: 3rem;
}

.box-header .content_data img {
    width: 100%;
}

.box-header .content_data .data h1 {
    color: #fff;
    max-width: 380px;
    font-size: 3.7rem;
}

.box-header .content_data .data img.icon {
    width: 65px;
    height: auto;
    position: relative;
    left: 60px;
}

.tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li {
    width: 100%;
    border: 1px solid #d5d3d3;
}

.tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li>a {
    width: 100% !important;
    padding: 0.7em 2.5em;
    font-size: 1.5em;
}

#sociedad .pre-header .inf-titles {
    background: url(../../../files/images/imagenes-secciones/traccion-animal/background_banner.jpg);
}

.pre-header .inf-titles {
    width: 100%;
    height: auto;
    padding: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 3rem;
}

.pre-header .inf-titles h2 {
    color: #fff !important;
    font-size: 3.2rem;
    padding-bottom: 0.6rem;
}

.top-start {
    align-items: start !important;
}

@media screen and (max-width:768px) {
    .box-header .content_data {
        flex-direction: column-reverse;
        padding: 4rem;
    }

    .box-header .content_data .data,
    .icon {
        text-align: center;
    }

    .box-header .content_data .icon img {
        width: 70%;
        margin: 0 auto;
    }

    .box-header .content_data .data img.icon {
        left: 0;
    }

    .tema-general .box-center .row {
        margin: 0 auto;
    }

    .box-header .info-tecnica_tabs {
        margin: 0 auto;
    }

    .box-header .info-tecnica_tabs .box-tabs {
        padding: 0;
        margin-bottom: 3rem;
    }

    .tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li>a {
        text-align: center;
    }

    .info-tecnica_tabs .box_tabs {
        padding: 0;
        margin-bottom: 3rem;
    }

    .box-center .tab-rvta {
        flex-direction: column;
    }

    .tmp-fix-rtva-mapa {
        display: block !important;
    }
}

/*------------------------- END 16. ESTILOS SECCION TRACCION ANIMAL 05052023 ------------------------------*/

/*--------------------------------- 17.) RENDICION DE CUENTAS 2023------------------------------------------*/
/*Rendición cuentas 2023*/
.ficha-rendicion {
    width: 100%;
    background-color: #FFF;
    padding: 8px 8px;
    margin-right: 3em !important;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
}

#boxiconos-rendicion {
    position: relative;
    width: 100%;
    background: rgb(180, 214, 221);
    background: linear-gradient(135deg, rgba(180, 214, 221, .25) 10%, rgba(109, 152, 176, .25) 90%);
    padding: 20px 20px;
    border-radius: 16px;
    top: -14px;
}

#boxiconos-rendicion:after {
    content: "";
    display: block;
    padding-bottom: 60%;
}

#boxiconos-rendicion .content {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -10px 0px 0px -20px;
}

#boxiconos-rendicion .content .img-responsive {
    width: 45%;
}

#p-box-rendicion {
    padding: 0 32px 32px 32px;
    min-height: 150px;
}

#contenedor-img-art {
    position: relative;
    width: 100%;
    background-color: #E5E5E5;
    padding: 20px 20px;
    margin: 20px 0 20px 0;
}

/*#contenedor-img-art:after {}*/

#contenedor-img-art .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: -20px 0px 0px -20px;
}

#contenedor-img-art .content .img-responsive {
    max-width: 80%;
}

.d-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.ficha-rendicion h3 {
    padding: 0 32px;
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 900;
    color: #AC2A4F;
}

.ficha-rendicion h3 a {
    min-height: 88px;
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 900;
    color: #AC2A4F;
    text-decoration: underline;
    display: block;
    transition: .2s;
    overflow-wrap: break-word;
}

.ficha-rendicion h3 a:hover {
    color: #cc004d;
}

#rendicion-cuentas p {
    font-size: 1.35em;
    line-height: 1.4em;
    color: #3C3C3B;
    font-weight: 300;
    overflow-wrap: break-word;
}

#rendicion-cuentas a {
    color: #0645AD;
    text-decoration: none;
    font-weight: 700;
    transition: .2s
}

#rendicion-cuentas a:visited {
    color: #800080;
}

#rendicion-cuentas .row .box_header {
    background: #E0386B;
    background: linear-gradient(180deg, rgba(224, 56, 107, 1) 0%, rgba(89, 2, 153, 1) 50%, rgba(38, 35, 81, 1) 100%);
    background-image: url(../../../files/control_participacion/rendicion_cuentas/images/background_rendicion.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding: 30px 20px;
    /*padding: 0 3rem; --223--*/
}

#rendicion-cuentas .row .box_header .item_header1 img {
    /*width: 240px; --2023--*/
    width: 400px;
    height: auto;
}

#rendicion-cuentas .row .box_header .item_header1 a:hover {
    transition: 0.3s all ease;
    opacity: 0.7;
}

#rendicion-cuentas .row .box_header .item_header1 a:hover>img {
    transition: 0.3s all ease-in;
    transform: scale(1.06);
}

#rendicion-cuentas .row .box_header .item_header2 img {
    width: 240px;
    height: auto;
}

#rendicion-cuentas .row .box_header .item_header3,
.box_header3 .item_header3 {
    display: flex;
    gap: 2rem;
    padding-right: 4rem;
}

#rendicion-cuentas .row .box_header .item_header3 img,
.box_header3 .item_header3 img {
    /*width: 120px; --2023--*/
    width: 130px;
    height: auto;
}

#rendicion-cuentas .row .box_header3 .item_header3 img {
    width: 100px;
    height: auto;
}

#rendicion-cuentas .row .box_header3 .text_header img {
    width: 200px;
    height: auto;
}

#rendicion-cuentas .row .box_header2,
.box_header3 {
    background: #E0386B;
    background: linear-gradient(180deg, rgba(224, 56, 107, 1) 0%, rgba(89, 2, 153, 1) 50%, rgba(38, 35, 81, 1) 100%);
    background-image: url(../../../files/control_participacion/rendicion_cuentas/images/background_rendicion.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px 0;
}

#rendicion-cuentas .row .box_header2 {
    padding: 30px;
    margin-top: 40px;
}

#rendicion-cuentas .row .box_header2 .item_header1 img {
    /*width: 200px; --2023--*/
    width: 300px;
    height: auto;
}

#rendicion-cuentas .row .box_header2 .text_header h1 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-top: 0;
}

#rendicion-cuentas .row .box_header2 .text_header hr {
    width: 51px;
    border: 3px solid #F5ECAA;
    float: left;
    margin: 0;
}

#rendicion-cuentas .section_btn {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
}

#rendicion-cuentas .section_btn .boton a {
    font-weight: 700;
    /*font-size: 20px; --2023--*/
    font-size: 16px;
    text-align: center;
    /*background: #750C6B; --2023--*/
    background: #486aa4;
    border: 0;
    color: #fff;
    /*padding: 20px; --2023--*/
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 20px;
    text-decoration: none;
}

#rendicion-cuentas .section_btn .boton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#rendicion-cuentas .section_btn .boton a:hover {
    transition: 0.3s all ease;
    /*background: #035cb0;*/
    background: #2f3484;
}

#rendicion-cuentas .tabla-docs-tema thead.header-1 {
    background-color: #7d0641;
}

#rendicion-cuentas .inf-titles p a {
    color: #0645AD;
    text-decoration: underline;
}

#rendicion-cuentas .inf-titles p a:hover {
    transition: 0.3s all ease;
    opacity: 0.5;
}

#rendicion-cuentas .inf-titles h2.subtitle-min {
    margin-top: 40px;
}

#rendicion-cuentas .tabla-docs-tema td a {
    color: #B6004C;
}

#rendicion-cuentas .tabla-docs-tema td a:hover {
    color: #7d0641;
}

#rendicion-cuentas p {
    font-size: 1.35em;
    line-height: 1.4em;
    color: #3C3C3B !important;
    font-weight: 300;
    overflow-wrap: break-word;
}

#rendicion-cuentas .invitaciones-publicas {
    margin: 0;
}

#rendicion-cuentas .invitaciones-publicas>.box_header2 {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-titulo.jpg) !important;
}


#rendicion-cuentas .invitaciones-publicas .box_header2 .item_header1 img {
    width: 80px;
    height: auto;
}

#rendicion-cuentas .box_icon {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-fases.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 40px;
    margin-bottom: 40px;
}

#rendicion-cuentas .box_icon .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4rem;
}

#rendicion-cuentas .box_icon .card .image img {
    width: 60px;
    height: auto;
}

#rendicion-cuentas .box_icon .card .text_description {
    display: flex;
    gap: 20px;
}

#rendicion-cuentas .box_icon .card .text_description p {
    font-weight: 300 !important;
    line-height: 20px;
}

#rendicion-cuentas .box_icon .card .text_description .numero {
    color: #7d0641 !important;
    font-size: 1.5em;
    font-weight: 700 !important;
}

#rendicion-cuentas .ico_subtitulo {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-subtitulo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 4rem;
}

#rendicion-cuentas .ico_subtitulo .subtitle h2 {
    color: #0E0E0E;
    font-size: 26px;
    line-height: normal;
}

#rendicion-cuentas .box_precisiones {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-fases.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
    margin: 60px 0;
}

#rendicion-cuentas .box_precisiones ul li::marker {
    color: #B6004C;
}

#rendicion-cuentas .box_precisiones h3 {
    color: #252525;
    font-weight: 700;
    margin-bottom: 20px;
}

#rendicion-cuentas .suv-realt {
    color: #B6004C !important;
    text-align: center;
    margin: 30px 0;
    font-weight: bold;
    font-size: 1.6em;
}

#rendicion-cuentas .list p a {
    font-size: 15px;
    line-height: 2em;
    color: #3C3C3B;
    overflow-wrap: break-word;
}

#rendicion-cuentas .list p a strong {
    padding-left: 10px;
}

#rendicion-cuentas .list p a:hover {
    transition: 0.2s all ease;
    color: #b40d49;
}

#rendicion-cuentas .content-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 44.25%;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

#rendicion-cuentas .content-video iframe,
.content-video object,
.content-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#rendicion-cuentas .box_list p strong span {
    display: flex;
    align-items: flex-start;
}

#rendicion-cuentas .box_list p strong span a {
    line-height: 1.3;
    font-size: 15px;
    color: #3C3C3B;
    overflow-wrap: break-word;
}

#rendicion-cuentas .box_list p strong span a:hover {
    transition: 0.2s all ease;
    color: #b40d49;
}

#rendicion-cuentas .box_list .col-border {
    border-right: 1px solid #9c2254;
}

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

    #rendicion-cuentas .row .box_header,
    .box_header2,
    .box_header3 {
        flex-direction: column;
        background-position: left;
    }

    #rendicion-cuentas .row .box_header .item_header3,
    .box_header3 .item_header3 {
        padding-right: 0rem;
    }

    #rendicion-cuentas .row .box_header2 {
        gap: 2rem;
    }

    #rendicion-cuentas .section_btn {
        flex-direction: column;
        gap: 4rem;
    }

    #rendicion-cuentas .box_icon .card {
        flex-direction: column;
        text-align: center;
    }

    #rendicion-cuentas .ico_subtitulo {
        flex-direction: column;
        padding: 30px;
        text-align: center;
    }

    #rendicion-cuentas .box_list .col-border {
        border-right: none;
    }
}

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

    #rendicion-cuentas .row .box_header,
    .box_header2,
    .box_header3 {
        background-position: left;
    }
}

@media screen and (max-width: 1024px) {
    #rendicion-cuentas .row .box_header .item_header1 img {
        /*width: 160px; --2023*/
        width: 300px;
        padding: 2rem 1rem 1rem 1rem;
    }

    /* Esconder imagen para rendcion de cuentas 2024 */
    #rendicion-cuentas .row .box_header .item_header2 img {
        display: none;
    }

    #rendicion-cuentas .row .box_header3 .text_header img {
        display: none;
    }

    /* FIN Esconder imagen para rendcion de cuentas 2024 */

    #rendicion-cuentas .row .box_header .item_header3 img {
        width: 90px;
    }

    #rendicion-cuentas .ico_subtitulo {
        gap: 3rem;
    }
}

/*menu rencion de cuentas*/
.menu_rendicion {
    width: 100%;
    margin-top: 11rem;
    padding: 0 20px;
}

.menu_rendicion button.btn {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem;
    background: #D2D2D2;
    margin-bottom: 1.5rem;
    white-space: break-spaces;
    font-size: 14px;
    font-weight: 400;
}

.menu_rendicion button.btn .d-none {
    display: none;
}

.menu_rendicion button.btn:hover,
button.btn:focus {
    background: #BE0C4D;
    transition: 0.3s all ease;
    border-color: #BE0C4D;
    color: #fff;
}

.menu_rendicion button.btn:hover>img.d-block,
button.btn:focus>img.d-block {
    display: none;
}

.menu_rendicion button.btn:hover>img.d-none,
button.btn:focus>img.d-none {
    display: block;
}

.menu_rendicion button.btn img {
    width: 32px;
    height: 32px;
}

/*end menu rencion de cuentas*/
/*end Rendición cuentas 2023*/
/*-----------------FIN RENDICION DE CUENTAS 2023---------------------*/
/*-------------------- 18.) INVITACIONES PUBLICAS-----------------------*/
#rendicion-cuentas .invitaciones-publicas {
    margin: 0;
}

#rendicion-cuentas .invitaciones-publicas>.box_header2 {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-titulo.jpg) !important;
}


#rendicion-cuentas .invitaciones-publicas .box_header2 .item_header1 img {
    width: 80px;
    height: auto;
}

#rendicion-cuentas .box_icon {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-fases.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 40px;
    margin: 40px 0;
}

#rendicion-cuentas .box_icon .card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4rem;
}

#rendicion-cuentas .box_icon .card .image img {
    width: 60px;
    height: auto;
}

#rendicion-cuentas .box_icon .card .text_description p {
    font-weight: 700;
    line-height: 20px;
}

#rendicion-cuentas .ico_subtitulo {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-subtitulo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 4rem;
}

#rendicion-cuentas .ico_subtitulo .subtitle h2 {
    color: #0E0E0E;
    font-size: 26px;
    line-height: normal;
}

#rendicion-cuentas .box_precisiones {
    background-image: url(/../files/rendicion_cuentas/invitaciones_publicas/bg-fases.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
    margin: 60px 0;
}

#rendicion-cuentas .box_precisiones h3 {
    color: #252525;
    font-weight: 700;
    margin-bottom: 20px;
}

/* -----------------------------AJUSTE BOTONES INVITACIONES---------------------------------------------  */


.contenedor .card .card-body {
    border-radius: 30px;
    background-color: #7a1847;
    padding: 30px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.contenedor .card .card-body2 {
    border-radius: 30px;
    background-color: #525a5d;
    padding: 30px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
}

.contenedor .card .card-body2 .hand {
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.contenedor .card .card-body .number-list {
    background: #fec000;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 0 auto;
    border-radius: 50px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 1.3em;
    color: #7a1847;
}

.contenedor .card .card-body h3 {
    font-size: 1.5em;
    padding-top: 10px;
    color: #fff;
}

.contenedor .card .card-body p {
    font-size: 0.95em !important;
    color: #fff !important;
}

.contenedor .card .card-body a {
    background: #fec000;
    color: #7a1847;
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    border-radius: 12px;
}

.contenedor .card .card-body2 a {
    margin-top: 20px;
    background: #fec000;
    color: #7a1847;
    font-size: 1.2em;
    font-weight: 600;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    border-radius: 12px;
}

.contenedor .card {
    border: 0px;
    background: #ffffff00;
}

@media(min-width: 480px) {
    .contenedor {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .card {
        display: flex;
        flex-direction: column;
    }

    .card-body,
    .card-body2 {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .contenedor {
        grid-template-columns: repeat(2, 1fr);
    }

    .contenedor .card {
        padding-bottom: 30px;
    }

    .contenedor .card .card-body {
        flex-direction: column;
    }
}

.contenedor .card .card-body2 .hand h4 {
    color: #fff;
}

/*-------------------- FIN INVITACIONES PUBLICAS-----------------------*/

/* ----------------------------- 19.) LEY DE ESTADISTICAS OFICIALES---------------------------------------------  */
#ley-estadisticas .box-header {
    background: url(../../../files/acerca/Normatividad/leyes/banner-cabezote_ley-estadistica.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#ley-estadisticas .box-header hr {
    width: 51px;
    border: 3px solid #F5ECAA;
    float: left;
    margin: 0;
}

#ley-estadisticas .box-header .content_data {
    padding: 2rem 5rem;
}

#ley-estadisticas .box-center .box-estadistica {
    display: flex;
    justify-content: space-around;
    margin-top: 4em;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq {
    width: 50%;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .subtitulos h2 {
    font-size: 38px;
    color: var(--color-secundario-dane);
    margin-bottom: 37px;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .subtitulos h3 {
    font-size: 70px;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .destacado img {
    width: 50px;
    height: auto;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .destacado {
    clear: both;
    display: flex;
    gap: 20px;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .destacado .inf-titles {
    float: none !important;
}

#ley-estadisticas .box-center .box-estadistica .esta-izq .destacado .down {
    display: flex;
    align-items: flex-end;
}

#ley-estadisticas .box-center .section_video {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
}

#ley-estadisticas .box-center .section_video .icon_video img {
    width: 300px;
}

#ley-estadisticas .info-tecnica_tabs .nav-tabs>li.active>a {
    background-color: #B6004C !important;
}

#ley-estadisticas .info-tecnica_tabs .nav-tabs>li>a {
    color: #B6004C;
}

#ley-estadisticas .hr-temas hr {
    border-color: #7d0641;
}

#ley-estadisticas .box_icon {
    padding-top: 10px;
}

#ley-estadisticas .box_icon .card {
    padding: 10px 0;
}

#ley-estadisticas .box_icon .card .image1,
.image2 {
    text-align: center;
}

#ley-estadisticas .box_icon .card .image1 img {
    width: 100px;
    height: auto;
}

#ley-estadisticas .box_icon .card .image2 img {
    height: 100px;
    width: auto;
}

#ley-estadisticas .box_icon .card .text_description p {
    font-size: 1.35em;
    line-height: 1.4em;
}

#ley-estadisticas .content_ley {
    display: flex;
    justify-content: space-around;
    padding-top: 40px;
}

#ley-estadisticas .content_ley .card {
    padding-bottom: 10px;
}

#ley-estadisticas .content_ley .card .text_description h4 {
    font-size: 1.35em;
}

#ley-estadisticas .content_ley .card .text_description p {
    font-size: 1.35em;
    line-height: 1.4em;
    padding: 6px 0;
    margin: 0;
}

#ley-estadisticas .content_ley .col_ley_1,
.col_ley_2 {
    width: 50%;
}

#ley-estadisticas .box-center .box_enlaces {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 40px;
}

#ley-estadisticas .box-center .box_enlaces .enlaces h5 {
    margin: 8px 0;
}

#ley-estadisticas .box-center .box_enlaces .enlaces h5 a {
    text-transform: none;
    color: #DA1A61 !important;
    font-size: 20px !important;
}

#ley-estadisticas .box-center .box_enlaces .enlaces h5 a:active {
    color: #DA1A61;
}

#ley-estadisticas .box-center .box_enlaces .enlaces h5 a:hover {
    opacity: 0.6;
}

#ley-estadisticas .box-center .box_enlaces .enlaces p {
    font-size: 1.25em;
    line-height: 1.4em;
}

#ley-estadisticas .box-center .box_enlaces .arrow .material-icons {
    color: #881340;
    border: 2px solid #EE802F;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 26px !important;
}

#ley-estadisticas .box-header .content_data .data h1 {
    max-width: 450px;
    line-height: 43px;
}

#ley-estadisticas .caja-destacada {
    background-color: #f4f4f4;
    padding: 48px 48px;
    margin: 48px 0 48px 0;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
    border: 1px solid #d3d3d3;
}

#ley-estadisticas .caja-destacada p {
    font-size: 1.6rem !important;
    line-height: 2rem;
    text-align: center;
}

#ley-estadisticas .tab-content a img:hover {
    opacity: 0.5;
    transition: 0.4s;
}

#ley-estadisticas [data-rlta-element=container] h3 {
    font-size: 1.3rem;
    color: #333;
}

@media screen and (max-width: 768px) {
    #ley-estadisticas {
        padding: 0 20px;
    }

    #ley-estadisticas .box-center .box-estadistica {
        flex-direction: column;
    }

    #ley-estadisticas .box-center .box-estadistica .esta-izq {
        width: 100%;
    }

    #ley-estadisticas .box-center .box-estadistica .esta-der {
        padding-top: 30px;
        text-align: center;
    }

    #ley-estadisticas .box-center .section_video {
        flex-direction: column;
        gap: 4rem;
    }

    #ley-estadisticas .box-center .section_video .icon_video img {
        width: 350px;
    }

    #ley-estadisticas .box_icon .card .row {
        flex-direction: column;
        gap: 2rem;
    }

    #ley-estadisticas .box_icon .card .image1 img {
        width: 150px;
    }

    #ley-estadisticas .box_icon .card .image2 img {
        height: 165px;
    }
}

@media screen and (max-width: 768px) {
    #ley-estadisticas .content_ley .card .row {
        flex-direction: column;
    }

    #ley-estadisticas .content_ley .card .row .image1 img {
        width: 90px;
    }

    #ley-estadisticas .content_ley {
        flex-direction: column;
    }

    #ley-estadisticas .content_ley .col_ley_1,
    .col_ley_2 {
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
}

/* ----------------------------- FIN LEY DE ESTADISTICAS OFICIALES---------------------------------------------  */

/* ----------------------------- 20.) CENSO ECONOMICO 2024---------------------------------------------  */

/* Inicio estilos contador de días, horas, minutos y segundto para el Censo Económico 2023 */

.contador-de-dias td:nth-child(1),
.contador-de-dias td:nth-child(3),
.contador-de-dias td:nth-child(5),
.contador-de-dias td:nth-child(7) {
    font-size: 20px;
    color: #2b85aa;
    display: block;
}

.contador-de-dias td:nth-child(2),
.contador-de-dias td:nth-child(4),
.contador-de-dias td:nth-child(6),
.contador-de-dias td:nth-child(8) {
    vertical-align: baseline;
    padding-right: 5px;
    padding-left: 3px;
}

.contador-de-dias td,
.contador-de-dias tr td {
    border-top: inherit;
}

.contador-de-dias span {
    float: left;
    font-size: 20px;
    padding-right: 10px;
    font-weight: 500 !important;
}

.logo-censo-contador p {
    padding: 0;
    margin: 0;
}

.contenedor-contador-ce {
    border: 1px dotted #3676BC;
    padding: 2.6rem;
}

.contenedor-contador-ce img {
    display: block;
    margin: auto;
    max-width: 300px;
}

.titulo-contador {
    font-size: 2.3rem;
    font-weight: bold;
}

.boton-contador-home {
    width: 85%;
    margin: auto;
}

.boton-contador-home a {
    display: block;
    background-color: #3676bc;
    color: #fff;
    padding: 10px 40px;
    border-radius: 30px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2rem;
    transition: all 0.3s;
}

.boton-contador-home a:hover {
    opacity: 0.8;
}

/* Fin estilos contador de días, horas, minutos y segundto para el Censo Económico 2023 */


#censo-economico-2024 .container.separador hr {
    margin: 0;
}

#censo-economico-2024 .articulo-infotec .navbar {
    margin-bottom: 0;
}

#censo-economico-2024 .inf-titles {
    float: none !important;
    margin: 0;
}

#censo-economico-2024 .inf-titles p {
    margin: 0;
    padding-bottom: 2rem;
}

#censo-economico-2024 .box_section {
    padding-top: 40px;
}

#censo-economico-2024 .quecinu {
    border-radius: 6px;
}

#censo-economico-2024 .content-video iframe {
    width: 100%;
}

#censo-economico-2024 .box_col_2 {
    margin: 4rem 0;
}

#censo-economico-2024 .text-center {
    text-align: center;
}

#censo-economico-2024 .text-center img {
    width: 80%;
    margin: 0 auto;
}

#censo-economico-2024 .banner-tematica .btn-banner a:hover {
    transition: 0.4s all ease;
    opacity: 0.7;
    transform: scale(1.05);
}


#censo-economico-2024 .inicenso2024 {
    position: relative;
    top: 30px;
}

#censo-economico-2024 .c-fonds {
    background-color: #3676BC;
    background-image: inherit !important;
    border-bottom: 0px solid #0f729b !important;
}

#censo-economico-2024 .espacios-fondos {
    height: auto;
    overflow: auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

#censo-economico-2024 .quecinu {
    padding: 30px 0 18px 15px;
}

#censo-economico-2024 .objetivocinu {
    padding: 0px 0 4px 18px;
}

#censo-economico-2024 #censo-economico .quecinu .hr-temas hr {
    border-color: #feb62b;
    float: left;
    width: 28px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    border-width: 3px;
}

#censo-economico-2024 #censo-economico .hr-temas hr {
    border-color: #feb62b;
    float: left;
    width: 28px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-width: 3px;
}

#censo-economico-2024 #censo-economico .ecoppopular .hr-temas hr {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#censo-economico-2024 .cenul h2 {
    font-size: 28px;
}

#censo-economico-2024 .cenul h3 {
    font-size: 22px;
}

#censo-economico-2024 .ecoppopular {
    margin-top: 30px;
    padding: 24px 0 20px 18px;
    overflow: hidden;
    height: auto;
}

#censo-economico-2024 .ecoppopular .info-tecnica_tabs.mb-4 {
    font-size: 16px;
    font-weight: 100;
}

#censo-economico-2024 .tema-general .info-tecnica_tabs .nav-tabs>li>a {
    font-size: 16px;
    font-weight: 100;
}

#censo-economico-2024 #censo-economico .tema-btn a,
#censo-economico .tabla-docs-tema thead.header-1,
#censo-economico-2024 #censo-economico .info-tecnica_tabs .nav-tabs>li.active>a,
#censo-economico-2024 #censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#censo-economico-2024 #censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #3676BC !important;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#censo-economico-2024 .tema-general .info-tecnica_tabs .nav-tabs>li.active>a {
    color: #3676BC;
}

#censo-economico-2024 .tema-general .info-tecnica_tabs .tab-content {
    padding: 15px;
    width: 98%;
    float: left;
}

#censo-economico-2024 .sector-medicion {
    margin-bottom: 60px;
    margin-top: 40px;
}

#censo-economico-2024 .cincocolum {
    margin-bottom: 30px;
    margin-top: 30px;
}

#censo-economico-2024 .cincocolum p,
#censo-economico-2024 .cincocolum .colcinco {
    text-align: center;
}

#censo-economico-2024 .sector-medicion h3 {
    color: #3676BC;
}

#censo-economico-2024 .borderl {
    border-radius: 6px;
}

#censo-economico-2024 .cenul p {
    padding: 0 20px;
}

#censo-economico-2024 .sector-medicion p {
    font-size: 17px;
    color: #3676BC;
    font-weight: 400;
}

#censo-economico-2024 .consulta {
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    #censo-economico-2024 .cenul h2 {
        font-size: 26px;
        line-height: 35px;
    }

    #censo-economico-2024 .quecinu {
        padding: 20px;
    }

    #censo-economico-2024 .box_section {
        padding-top: 20px;
    }

    #censo-economico-2024 .box_col_2 .container .row:nth-child(1) img {
        margin-bottom: 40px;
    }

    #censo-economico-2024 .text-center img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #censo-economico-2024 .cincocolum {
        display: flex;
    }
}

@media (min-width: 0px) and (max-width: 600px) {

    .contador-de-dias td:nth-child(1),
    .contador-de-dias td:nth-child(3),
    .contador-de-dias td:nth-child(5),
    .contador-de-dias td:nth-child(7) {
        font-size: 15px;
        color: #2b85aa;
        display: block;
    }
}

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

    .contador-de-dias td:nth-child(1),
    .contador-de-dias td:nth-child(3),
    .contador-de-dias td:nth-child(5),
    .contador-de-dias td:nth-child(7) {
        font-size: 15px;
        color: #2b85aa;
        display: block;
        float: left;
        clear: both;
    }

    .contador-de-dias #spacer1 {
        display: block;
    }

    .contador-de-dias span {
        float: none;
    }

    .contador-de-dias td:nth-child(2),
    .contador-de-dias td:nth-child(4),
    .contador-de-dias td:nth-child(6),
    .contador-de-dias td:nth-child(8) {
        vertical-align: baseline;
        padding-right: 5px;
        padding-left: 12px;
        margin-top: 9px;
        padding-top: 2px;
    }

    .esconderbr {
        display: none;
    }
}

/*Fin censo económico 2024 luis*/

/*----------------------- Censo Económico Nacional Urbano 2024 ----------------------*/
/*--Seccion Diana--*/
.tema-general p {
    font-size: 1.5rem !important;
}

.tema-general h4 {
    font-size: 1.6rem !important;
    line-height: 1.8rem !important;
    margin-bottom: 0.5em;
    padding-top: 0 !important;
}

.tema-general .tema-btn a {
    line-height: 1.3em;
}

/*Línea 7522*/
#censo-economico .tab-content .tab-pane ul li {
    font-size: inherit;
    line-height: 1.4em;
    color: #333333
}

/*Línea 7417*/

#censo-economico .hr-temas hr {
    border-color: #feb62b;
    float: left;
    width: 37px;
    /*margin-top: 5px;
    margin-bottom: 10px;*/
    border-width: 5px;
}

/*Reemplazar fin*/
/*CENSO ECONÓMICO INICIO*/

#censo-economico .tema-btn a:hover {
    background-color: #094571 !important;
}

#censo-economico .nav-tabs.tabs-dane>li>a {
    border-bottom: #094571 2px solid;
}

#censo-economico .nav-tabs.tabs-dane>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #1188b7 !important;
}

#censo-economico .nav-tabs.tabs-dane>li>a:hover {
    color: #094571;
}

#censo-economico hr.divisor {
    border-top: 1px solid #afd9e9;
}

#censo-economico .bg-color {
    background-color: #094571;
    color: #ffffff !important;
}

#censo-economico .bg-color p,
#censo-economico .bg-color h4 {
    color: #ffffff !important;
}

#censo-economico .cincocolum {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

#censo-economico .cincocolum .colcinco {
    width: 20%;
    text-align: center;
}

#censo-economico .card-dane a {}

.contenedor_grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

#censo-economico .img-responsive {
    display: inline;
}

@media all and (max-width: 768px) {

    #censo-economico .cincocolum {
        flex-wrap: wrap;
    }

    #censo-economico .cincocolum .colcinco {
        width: 35%;
        margin-bottom: 1em;
    }

    #censo-economico .cincocolum .colcinco h4 {
        min-height: 36px;
    }

    .content_card-dane {
        min-height: 100px;
    }

}

@media all and (max-width: 577px) {
    .contenedor_grid-3 {
        display: block;
    }
}

/*CENSO ECONÓMICO FIN*/
/*--Seccion Diana--*/
/*----------------------- END Censo Económico Nacional Urbano 2024 ----------------------*/
/* -----------------------------FIN CENSO ECONOMICO 2024---------------------------------------------  */



/* ----------------------------- 21.) INICIO OBJETIVOS DE DESARROLLO SOSTENIBLE- ODS 2024---------------------------------------------  */
/* -------------- menu Objetivos de Desarrollo --------------- */


/*Menú ODS*/

.logoods {
    margin: 0px auto 32px auto;
    text-align: center;
}

#menu-ods a {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #333;
    transition: .2s
}

#menu-ods .active a {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #2771A7;
    background: #fff;
}

#menu-ods .active a:hover {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #2771A7 !important;
    background: #fff;
}

#menu-ods .active a:focus {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #2771A7 !important;
    background: #fff;
}

#menu-ods a:hover {
    background: #F4F4F4;
    color: #333;
}

#menu-ods a:focus {
    background-color: #fff;
    color: #2771A7;
}

/*#menu-ods li a {font-family: 'oswald', "Oswald", sans-serif !important; font-size: 2rem; line-height: 2.5rem; font-weight: 400; color: #333;}
#menu-ods li .active a {background-color: #fff !important; color: #2771a7 !important;}
#menu-ods li a .active:hover {background-color: #fff !important; color: #2771a7 !important;}
#menu-ods li a:focus {background-color: #fff; color: #2771a7 !important;}*/

#navbar-tema button {
    font-weight: 400;
    color: #333;
    background-color: #fff;
    border: 2px #fff solid;
    padding: 16px 12px;
    margin: 5px 5px 5px 0;
    display: inline-flex;
    transition: .3s;
    font-size: 2rem;
    line-height: 2.5rem;
    cursor: pointer;
    border-radius: 8px;
}

#navbar-tema button:hover {
    background-color: #e9e9e9;
}

/* -- H1 ODS -- */

#ods-content {
    margin: 48px 0;
}

#ods-content hr {
    padding: 0 10px;
    margin-top: 50px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #c1c1c1;
}

#ods-content h1 {
    font-size: 4rem;
    line-height: 6rem;
    color: #fff;
    font-weight: 400;
}

#ods-content h2 {
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #197BA8;
    font-weight: 400;
}

#ods-content h3 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #666666;
    font-weight: 400;
}

#ods-content p {
    margin: 32px 0 0 0;
    font-size: 1.6rem;
}

#ods-content .barometro {
    margin: 48px auto;
    text-align: center;
}

#ods-content .barometro img {
    max-width: 7688px;
}

#hrods {
    width: 51px;
    border: 3px solid #9E9277;
    float: left;
    margin: 8px 0 38px 0;
}

#ods-content .box-header.bg-1 {
    background: url(../../../files/indicadores-ods/img/antecedentes_objetivos_desarrollo_sostenible.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#ods-content .box-header.bg-2 {
    background: url(../../../files/indicadores-ods/img/acerca_de_los_objetivos_desarrollo_sostenible.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#ods-content .box-header.bg-3 {
    background: url(../../../files/indicadores-ods/img/avance_seguimiento_objetivos_desarrollo_sostenible.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#ods-content .box-header.bg-4 {
    background: url(../../../files/indicadores-ods/img/publicaciones_objetivos_desarrollo_sostenible.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#ods-content .box-header .content_data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7rem;
    gap: 3rem;
}

#ods-content .box-header .content_data img {
    width: 100%;
}

#h1banner .hr-temas {
    width: 48px;
    border: 3px solid #FFFFCA;
    float: left;
    margin-top: 0;
}

#ods-content table {
    width: 100%;
}

#ods-content table tr {
    width: 100%;
    background-color: #1979A6;
    border-bottom: 1px solid #143c4f;
}

#ods-content table tr .colizq {
    width: 40%;
    background-color: #1979A6;
    padding: 16px 16px;
    border: none;
    text-align: center;
}

#ods-content table tr .colizq img {
    margin-right: 16px;
}

#ods-content table tr .colizq .imgxs {
    margin: 0 auto;
}

#ods-content table tr .colizq h3 {
    color: #fff !important;
}

#ods-content table tr .colder {
    width: 60%;
    background-color: #f4f4f4;
    padding: 16px 16px;
    border: none;
}

#ods-content table tr .colder p a {
    text-decoration: underline;
    font-weight: 500;
    transition: .2s;
}

#ods-content table tr .colder p a:hover {
    color: #283C54;
}

#ods-content table tr .colder p a:focus {
    color: #8A4A8C;
}

#ods-content table tr td p {
    margin: 24px 0 24px 0;
    font-size: 1.6rem;
}

/*Videos responsives*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.contenedor-video {
    border-radius: 20px;
    border: 3px solid #0c9ee3;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
}

.light-gray-box {
    background-color: #f6f6f6;
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    margin: 48px 0;
    padding: 64px 0;
}


#ODS2023 .ODS2023-general {
    min-width: 242px;
}

#ODS2023 .logo-ODS {
    margin: 0 auto;
    padding-left: 0 !important;
}

#ODS2023 .logo-ODS img {
    width: 127px !important;
    float: left;
    /*  margin: 0 auto;
  display: block;*/
}

#ODS2023 .nav-ods2023 {
    padding-top: 4.5em;
}

#ODS2023 .box-data {
    background-color: #EAEAEA;
}

#ODS2023 .ODS2023-general .menu-ObjetivodeDesarrollo-c .nav>li>a.color-act {
    color: #1f92c9;
}

#ODS2023 .ODS2023-general .menu-ObjetivodeDesarrollo-c .nav>li>a.color-act {
    color: #1f92c9;

}

/* ---------- fin menu Objetivos de Desarrollo --------------- */

#ODS2023 .inf-titles h1,
#ODS2023 .inf-titles h2,
#ODS2023 .inf-titles h3,
#ODS2023 .inf-titles h4,
#ODS2023 .well h4 {
    color: #1f92c9;

}

#ODS2023 .menu-investigacion .nav>li>a.active,
#ODS2023 .menu-investigacion .nav>li>a:focus,
#ODS2023 .menu-investigacion .nav>li>a:hover,
#ODS2023 nav.menu-lateral ul li a,
#ODS2023 .indice-temas ul li a:hover,
#ODS2023 .indice-temas ul li a:focus,
#ODS2023 .indice-temas ul li a:hover:before,
#ODS2023 .btn-documento,
#ODS2023 .indice-herramientas h2,
#ODS2023 .info-tecnica_tabs ul li a {
    color: #1f92c9;
}

#ODS2023 .tema-btn a,
#ODS2023 .tabla-docs-tema thead.header-1,
#ODS2023 .info-tecnica_tabs .nav-tabs>li.active>a,
#ODS2023 .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#ODS2023 .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #1f92c9 !important;
}

/*Inicio Banner temática*/
#ODS2023 .banner-tematica .back-general {
    background-image: url(../../../files/investigaciones/ods/imagenes/banner-general.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 80px;
    border-bottom: 10px solid #0f729b;
}

#ODS2023 .inf-titles p {
    width: 100%;
}

#ODS2023 .inf-titles .box-list ul {
    padding: 0 20px;
}

#ODS2023 .inf-titles .box-list ul li {
    margin-bottom: -10px;
}

#ODS2023 .banner-tematica .titulo {
    font-size: 3.5em;
    font-weight: 400;
    margin-top: 10px;
}

#ODS2023 .banner-tematica .subtitle {
    font-size: 3em;
    font-weight: 300;
    color: #fff;
}

#ODS2023 .banner-tematica h3 {
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    margin-top: 24px;
}

#ODS2023 .banner-tematica .cont-list li p {
    font-size: 18px;
    font-weight: 400;
}

#ODS2023 .banner-tematica .list1 li::marker {
    color: #333333;
    font-size: 24px;
}

#ODS2023 .banner-tematica .list2 li::marker {
    color: #1f92c9;
    font-size: 24px;
}

#ODS2023 .btn-banner a:after,
.bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_blanca.svg) no-repeat;
}

#ODS2023 .btn-banner .bt-icon {
    float: left;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 700;
}

#ODS2023 .hr-temas hr {
    border-color: #1f92c9;
    float: left;
    width: 28px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border-width: 3px;
}

#ODS2023 nav.menu-lateral ul li a:after {
    width: 30px;
    margin-top: 30px;
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-on.svg) no-repeat !important;
}

#ODS2023 nav.menu-lateral ul li a:hover:after {
    background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-off.svg) no-repeat !important;
}

#ODS2023 nav.menu-lateral ul li a {
    list-style: none;
    background-color: #1f92c9;
    border-radius: 19px;
    padding: 0;
    margin-left: 10px;
    color: #fff;
}

#ODS2023 .menu-lateral ul li {
    list-style: none;
    border-bottom: 1px solid #fff;
    background-color: #1f92c9;
    height: auto;
    display: block;
    align-items: center;
    padding: 1.3em;
}

#ODS2023 .descripcion-marcos {
    list-style: none;
    font-size: 1.1em;
    line-height: 1.4em;
    float: right;
    margin-top: 1.5em;
    margin-bottom: 0em;
}

/*Fin Banner temática*/
#ODS2023 .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

#ODS2023 .well,
#ODS2023 .well p {
    color: #444;
    font-size: 1.5rem;
    line-height: 1.4em;
}

#ODS2023 .well {
    padding: 3rem 4rem;
}

#ODS2023 .well a {
    color: #1f92c9;
    ;
}

#ODS2023 #transversal .contenedor-bg-gray_tema {
    width: 90%;
    margin: auto;
    max-width: 1140px;
    line-height: 90%;
}

/* Inicio Imagen descargable*/
#ODS2023 .cuadro-anexo {
    background-image: url(../../../files/indicadores-ods/img/anexos-objetivos-desarrollo-sostenible.jpg);
}

#ODS2023 .cuadro-barometro {
    background-image: url(../../../files/indicadores-ods/images/barometro.png);
}

#ODS2023 .cuadro-calidad {
    background-image: url(../../../files/indicadores-ods/img/reporte-avances-indicadores-objetivos-desarrollo-sostenible-priorizados-2021.jpg);
}

#ODS2023 .cuadro-CONPES {
    background-image: url(../../../files/indicadores-ods/img/objetivos-desarrollo-sostenible-conpes-noviembre-2023.jpg);
}

#ODS2023 .cuadro-estadistica {
    background-image: url(../../../files/indicadores-ods/images/estadisticas.png);
}

#ODS2023 .cuadro-guia1 {
    background-image: url(../../../files/indicadores-ods/img/guia-ods.jpg);
}

#ODS2023 .cuadro-guia2 {
    background-image: url(../../../files/indicadores-ods/img/guia-ods-2.jpg);
}

#ODS2023 .cuadro-guiaT {
    background-image: url(../../../files/indicadores-ods/img/guia-disponibilidad-informacion-territorial-para-los-ods.jpg);
}

#ODS2023 .cuadro-inf1 {
    background-image: url(../../../files/indicadores-ods/images/info-01.png);
}

#ODS2023 .cuadro-infografia {
    background-image: url(../../../files/indicadores-ods/img/infografia-ods.jpg);
}

#ODS2023 .cuadro-lectura {
    background-image: url(../../../files/indicadores-ods/img/lectura-indicadores-ods.jpg);
}

#ODS2023 .cuadro-medicion {
    background-image: url(../../../files/indicadores-ods/images/medicion.png);
}

#ODS2023 .cuadro-ODS-3-1 {
    background-image: url(../../../files/indicadores-ods/images/ODS3.6.1.png);
}

#ODS2023 .cuadro-ODS-2-1 {
    background-image: url(../../../files/indicadores-ods/img/avances-medicion-indicadores-objetivos-desarrollo-sostenible-colombia.jpg);
}

#ODS2023 .cuadro-reporte2021 {
    background-image: url(../../../files/indicadores-ods/images/Reporte-2021.png);
}

#ODS2023 .cuadro-reporte2022 {
    background-image: url(../../../files/indicadores-ods/img/reporte-avances-indicadores-objetivos-desarrollo-sostenible-priorizados-2022.jpg);
}

#ODS2023 .cuadro-reporteP2022 {
    background-image: url(../../../files/indicadores-ods/img/reporte-avances-indicadores-objetivos-desarrollo-sostenible-priorizados-primer-semestre-2022.jpg);
}

#ODS2023 .cuadro-DiaP {
    background-image: url(../../../files/indicadores-ods/img/especial-dia-mundial-de-la-poblacion.jpg);
}

#ODS2023 .cuadro-cuadro-NotasE {
    background-image: url(../../../files/indicadores-ods/images/N.ESTADISTICAS.png);
}

#ODS2023 .cuadro-Visor-ODS16 {
    background-image: url(../../../files/indicadores-ods/img/visor-ods.jpg);
}

#ODS2023 .intro-Acerca {
    background-image: url(../../../files/indicadores-ods/images/ACERCA.png);
}

#ODS2023 .intro-Antecedentes {
    background-image: url(../../../files/indicadores-ods/images/ANTECEDENTES.png);
}

#ODS2023 .intro-Avances {
    background-image: url(../../../files/indicadores-ods/images/AVANCES.png);
}

#ODS2023 .intro-Publicaciones {
    background-image: url(../../../files/indicadores-ods/images/PUBLICACIONES.png);
}

#ODS2023 .Marco-Global {
    background-image: url(../../../files/indicadores-ods/images/LogoGlobal.png);
}

#ODS2023 .Marco-Nacional {
    background-image: url(../../../files/indicadores-ods/images/LogoNacional.png);
}

#ODS2023 .Marco-Regional {
    background-image: url(../../../files/indicadores-ods/images/LogoRegional.png);
}

#ODS2023 .cuadro-descargable {
    width: 334px;
    height: 334px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}

#ODS2023 .contenido-cuadro-descargable {
    width: 334px;
    height: 334px;
    margin-top: 234px;
    padding-left: 26px;
    padding-top: 23px;
    transition: all 1s;
    cursor: pointer;
}

#ODS2023 .contenido-cuadro-descargable {
    width: 334px;
    height: 334px;
    margin-top: 234px;
    padding-left: 26px;
    padding-top: 23px;
    transition: all 1s;
    cursor: pointer;
}

#ODS2023 .contenido-descripcion-descargable {
    opacity: 0;
    transition: all 1s;
}

#ODS2023 .tema-general .iconocuadros .img-btn_bl-info h3 a {
    font-size: 1.1em;
    line-height: 1.2em;
    color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
}

/* Fin Imagen descargable*/
/* Inicio Menú lateral*/
#ODS2023 .menu-lateral-ODS {
    list-style: none;
    background-color: #1f92c9;
    border-radius: 19px;
    padding: 0;
    margin-left: 10px;
}

/* Fin Menú lateral*/
/* Inicio Responsive ODS2023*/
@media (max-width: 450px) {
    #ODS .banner-tematica .back-general {
        padding: 0px 60px;
    }

    #ODS .banner-tematica .subtitle {
        line-height: 1.3em;
    }

    #ODS .banner-tematica .back-bn {
        padding: 3em 4em 5em;
        margin: 2em 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        padding-top: 0;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        margin: 0 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        margin: 0 20px;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        padding: 8px 12px;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        justify-content: flex-start;
    }

    #ODS2023 .descripcion-marcos {
        float: left;
    }

    #ODS2023 .menu-lateral {
        margin-left: -44px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #ODS2023 .logo-ODS {
        margin: 0 auto;
        max-width: 50%;
        display: block;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        padding-top: 20px;
        display: flex;
        place-content: center;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        margin: 0 10px;
    }

    #ODS2023 .tema-general .menu-investigacion .navbar-nav {
        padding: 8px 12px;
    }
}


@media (max-width: 575px) {
    #ODS2023 .logo-ODS {
        margin: auto;
        max-width: 70%;
        display: block;
    }
}

/* Fin Responsive ODS2023*/
/*----------------------- FIN ODS 2024 ----------------------*/

/*----------------------- 22.) Autorreconocimiento Étnico ----------------------*/

#autorreconocimiento-etnico .banner-pueblo-wayuu img {
    border-radius: 12px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
}

#autorreconocimiento-etnico p {
    color: #333;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: left !important;
}

#autorreconocimiento-etnico .indice-herramientas p {
    font-weight: 400;
    font-style: normal;
    color: #333;
    font-size: 1.6rem;
    text-align: left !important;
}

#autorreconocimiento-etnico .indice-herramientas .tema-btn {
    text-align: left !important;
}

#autorreconocimiento-etnico .indice-herramientas .tema-btn a {
    background-color: #3800a5 !important;
    text-decoration: none;
    cursor: pointer;
    color: #fff !important;
    font-weight: 500;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 12px 16px;
    border-radius: 32px;
    transition: .2s;
}

#autorreconocimiento-etnico .indice-herramientas .tema-btn a:hover {
    background-color: #1b0650 !important;
}

#autorreconocimiento-etnico table {
    color: #333;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: left !important;
}

#autorreconocimiento-etnico .tema-general .box-data .data .btn-group .btn-icon .btn-icon_block {
    display: block;
    margin: 0 auto 1em auto;
    filter: grayscale(100%) opacity(0.8);
    background-repeat: no-repeat;
    transition: .2s;
}

#autorreconocimiento-etnico .tema-general .box-data .data .btn-group .btn-icon .btn-icon_block:hover {
    filter: none;
}

#autorreconocimiento-etnico .tema-general .box-data .data {
    background-color: #fff;
}

#autorreconocimiento-etnico .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    padding: 24px 24px;
}

#autorreconocimiento-etnico .tema-general .img-herramienta {
    width: 100px;
    text-align: left;
    margin: 24px 0 24px 0;
}

#autorreconocimiento-etnico .tema-general .btns-herramientas {
    margin-top: 1.5em;
    width: 100%;
    text-align: left;
    display: block !important;
}

#autorreconocimiento-etnico .tema-general .indice-herramientas {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: left;
}

#autorreconocimiento-etnico .img-pueblo-wayuu {
    border: 1px solid #3800a5;
    border-color: #3800a5;
    margin: 0 0 24px 0;
    background-image: url('../../../files/investigaciones/enfoque-diferencial/wayuu/pueblo-wayuu.jpg');
    width: 100%;
    height: 320px;
    padding: 24px 24px;
    background-position-y: -10rem;
}

#autorreconocimiento-etnico .img-registro-wayuu {
    border: 1px solid #3800a5;
    border-color: #3800a5;
    margin: 0 0 24px 0;
    background-image: url('../../../files/investigaciones/enfoque-diferencial/wayuu/registro-wayuu.jpg');
    width: 100%;
    height: 320px;
    padding: 24px 24px;
    background-position-y: -18rem;
}

#autorreconocimiento-etnico h2 {
    color: #3800a5;
}

/*#autorreconocimiento-etnico h3 {background-color: #3800a5; padding: 8px 12px; display: inline; vertical-align: bottom; position: relative; bottom: -372px; margin: 0 0; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 2.4rem; line-height: 5.4rem;}*/
#autorreconocimiento-etnico h3 {
    padding: 2px 8px 4px 8px;
    display: inline;
    vertical-align: bottom;
    position: relative;
    margin: 0 0;
    color: #3800a5;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 4.5rem;
}

#autorreconocimiento-etnico .hr-imgs {
    border: 1px solid #3800a5;
    margin: 12px 0 24px 0;
    display: block;
    width: 40px;
}

.boxiconos-wayuu {
    position: relative;
    width: 100%;
    background: rgb(180, 214, 221);
    background: linear-gradient(135deg, rgba(180, 214, 221, .25) 10%, rgba(109, 152, 176, .25) 90%);
    padding: 20px 20px;
    border-radius: 16px;
    top: -14px;
}

.boxiconos-wayuu .content .img-responsive {
    width: 45%;
}

.boxiconos-wayuu .content {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}

.ficha-wayuu {
    background-color: #FFF;
    margin-top: 40px;
    padding: 8px 8px;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
}

.ficha-wayuu hr {
    border: 0;
    border-top: 1px solid #c5c5c5;
    width: 80px;
    margin: 20px 0 20px 31px;
}

.ficha-wayuu h4 {
    padding: 0 32px;
    margin-top: 24px;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 900;
    display: inline-block;
    min-height: 160px;
}

.ficha-wayuu h4 a {
    min-height: 88px;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 900;
    color: #3800a5;
    text-decoration: underline;
    transition: .2s;
    cursor: pointer !important;
    display: inline-block;
}

.ficha-wayuu h4 a:hover {
    color: #a00091;
}

.ficha-wayuu h4 a,
a label {
    cursor: pointer !important;
}

.ficha-wayuu .p-box-wayuu {
    padding: 0 32px 32px 32px;
    min-height: 230px;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    color: #3C3C3B;
    font-weight: 300;
}

.header–wayuu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding: 2.4rem 3rem;
    background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-patron-banner.svg);
    background-size: cover;
    background-position: bottom;
}

.header–wayuu h2 {
    color: #133a22;
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0;
}

.header–wayuu h2 a {
    color: #133a22;
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0;
    transition: .2s;
}

.header–wayuu h2 a:hover {
    color: #a91314;
}

.header–wayuu hr {
    border: #a91314 2px solid;
    min-width: 48px;
    float: left;
    margin: 1.6rem 0 0 0;
}

.header–wayuu .flechader-banner {
    float: right;
    width: 64px;
}

#timeline-wayuu {
    background-color: #EFBB55;
    padding: 40px 40px;
    border-radius: 24px 24px;
    margin: 80px 0;
    display: flex;
}

#timeline-wayuu2 {
    background-color: #EFBB55;
    padding: 40px 40px;
    border-radius: 24px 24px;
    margin: 80px 0 -150px 0;
    display: flex;
}

#timeline-wayuu2 .timeline-header {
    margin: 48px 10% 40px 10%;
}

#timeline-wayuu2 .timeline-header #identificador-wayuu {
    width: 100%;
    clear: both;
    margin: 48px 0;
}

#timeline-wayuu2 .timeline-header .logo-gobierno {
    float: left;
    width: 128px;
}

#timeline-wayuu2 .timeline-header .logo-dane {
    float: right;
    width: 128px;
}

#timeline-wayuu2 .timeline-header h1 {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 3.8rem;
    color: #133a22;
    overflow-wrap: anywhere;
}

#timeline-wayuu2 .timeline-header h1 b {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 3.8rem;
    overflow-wrap: anywhere;
    color: #a91314;
}

#timeline-wayuu2 .timeline-header-xs {
    margin: 48px 10% 40px 10%;
}

#timeline-wayuu2 .timeline-header-xs #identificador-wayuu {
    width: 100%;
    clear: both;
    margin: 48px 0;
}

#timeline-wayuu2 .timeline-header-xs .logo-gobierno {
    float: left;
    width: 78px;
}

#timeline-wayuu2 .timeline-header-xs .logo-dane {
    float: right;
    width: 98px;
}

#timeline-wayuu2 .timeline-header-xs h1 {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 3.8rem;
    color: #133a22;
    overflow-wrap: anywhere;
}

#timeline-wayuu2 .timeline-header-xs h1 b {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 3.8rem;
    overflow-wrap: anywhere;
    color: #a91314;
}

#timeline-wayuu .timeline-body {
    scroll-behavior: smooth;
    display: grid;
}

#timeline-wayuu .timeline-body .line {
    width: 10%;
    float: left;
    background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 222px;
    left: 0;
    right: 0;
    bottom: 708px;
    margin-left: 10%;
}

#timeline-wayuu .timeline-body .line img {
    width: 24px;
    z-index: 2;
    position: relative;
}

#timeline-wayuu .timeline-body .lineb {
    width: 10%;
    float: left;
    background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 142px;
    left: 0;
    right: 0;
    bottom: 600px;
    margin-left: 10%;
}

#timeline-wayuu .timeline-body .lineb img {
    width: 24px;
    z-index: 2;
    position: relative;
}

#timeline-wayuu .timeline-body .line2 {
    width: 10%;
    float: left;
    text-align: center;
    position: absolute;
    left: 0;
    margin-left: 10%;
}

#timeline-wayuu .timeline-body .line2 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

#timeline-wayuu .timeline-body .line3 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

#timeline-wayuu .timeline-body .line3 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

#timeline-wayuu .timeline-body .line4 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

#timeline-wayuu .timeline-body .line4 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

#timeline-wayuu .timeline-body .bullet-container {
    margin: 88px 0 192px 0;
}

#timeline-wayuu .timeline-body .bullet-container .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

#timeline-wayuu .timeline-body .bullet-container .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

#timeline-wayuu .timeline-body .bullet-container .bullets h2 {
    background-color: #007230;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #fff;
}

#timeline-wayuu .timeline-body .bullet-container .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #a91314;
    min-height: 250px;
}

#timeline-wayuu .timeline-body .bullet-container .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

#timeline-wayuu .timeline-body .bullet-container .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

#timeline-wayuu .timeline-body .bullet-container .bullets p a {
    color: #422e07;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

#timeline-wayuu .timeline-body .bullet-container .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

#timeline-wayuu .timeline-body .bullet-container .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

#timeline-wayuu .timeline-body .bullet-container2 {
    margin: 88px 0 44px 0;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets h2 {
    background-color: #007230;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #fff;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #a91314;
    min-height: 250px;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets p a {
    color: #422e07;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

#timeline-wayuu .timeline-body .bullet-container2 .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

#timeline-wayuu .timeline-body .bullet-container2 .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Work+Sans:wght@500;700&display=swap');

#timeline-wayuu .hito-animacion {
    animation: hitos-entrada 1s ease-in 0s 1 normal forwards;
}

.boxes-datos-wayuu {
    background: linear-gradient(90deg, rgba(255, 216, 120, 1) 0%, rgba(249, 205, 97, 1) 52%, rgba(233, 181, 73, 1) 100%);
    padding: 48px 48px;
    margin: 48px 0 88px 0;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
}

.boxes-datos-wayuu img {
    width: 88px;
    margin: 32px 0;
}

.boxes-datos-wayuu h4 {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.2rem;
    color: #a91314;
}

.boxes-datos-wayuu b {
    font-size: 2rem;
    color: #260e02;
    font-weight: 700;
}

.boxes-datos-wayuu b mark {
    color: #133a22;
    background: transparent !important;
}

.boxes-datos-wayuu-blanco {
    min-height: 160px;
    background-color: #f4f4f4;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
    border: 1px solid #d3d3d3;
    padding: 32px 32px;
    display: grid;
    margin: 32px 0;
}

.boxes-datos-wayuu-blanco img {
    width: 88px;
    margin: 0 0 32px 0;
}

.boxes-datos-wayuu-blanco .datos-wayuu {
    min-height: 200px;
}

.boxes-datos-wayuu-blanco .datos-wayuu h4 {
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #a91314;
}

.boxes-datos-wayuu-blanco .datos-wayuu b {
    font-size: 2.4rem !important;
    color: #260e02 !important;
    font-weight: 700;
    line-height: 2.6rem;
}

.boxes-datos-wayuu-blanco .datos-wayuu b mark {
    color: #133a22;
    background: transparent !important;
}

.boxes-datos-wayuu-blanco a {
    text-decoration: underline;
    color: #133a22;
    transition: .2s;
}

.boxes-datos-wayuu-blanco a:hover {
    color: #a91314;
}

.boxes-datos-wayuu-blanco a:visited {
    color: purple;
}


@keyframes hitos-entrada {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateX(48px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateX(26px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateX(13px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateX(6.5px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateX(4px);
    }

    25%,
    55%,
    75%,
    87%,
    98% {
        animation-timing-function: ease-out;
        transform: translateX(0px);
    }

    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateX(0px);
    }
}

/*----------------------- end 22. Autorreconocimiento Étnico Wayuu ----------------------*/

/* 23.) Estilos para el sello de Certificación de Calidad Esatdística (SEN)*/

.certificacion-estadistica {
    /*float: inline-end;*/
    width: 125px;
    /*margin-top: -5rem;*/
    padding: 10px;
    /*border: solid 1px #e1e1e1;*/
    background-color: #F6F6F6;
}

.certificacion-estadistica-identificador,
.certificacion-estadistica-codificacion {
    width: 100%;
}

.certificacion-estadistica-codificacion p {
    text-align: center;
    /*font-weight: bold;*/
    font-size: 0.9rem !important;
    color: #5E5E5E;
    letter-spacing: 0.15em;
    word-spacing: 0.2em;
}

/* FIN Estilos para el sello de Certificación de Calidad Esatdística*/
/* 24.) Estilos  Población Negra, Afrocolombiana, Raizal y Palenquera */
.box_afro {
    background: url(/../files/investigaciones/enfoque-diferencial/poblacion-negra-afro-raizal-palen/background_afro.jpg);
    /*background: url(../img/background_afro.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 40px;
}

.box_afro .afro_content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.box_afro .afro_content p {
    color: #42231C !important;
    font-size: 20px !important;
    font-weight: bold;
    padding-right: 220px;
}

.box_afro .afro_content p.titulo_afro {
    color: #42231C !important;
    font-size: 5rem !important;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 0;
}

.box_afro .afro_content p.titulo_afro span {
    color: #fff !important;
}

.box_datos_afro {
    background: rgb(223, 53, 36);
    background: linear-gradient(90deg, rgba(223, 53, 36, 1) 0%, rgba(179, 29, 23, 1) 100%);
    padding: 30px 60px;
}

.box_datos_afro .data_afro {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.box_datos_afro .data_afro .info_afro img {
    width: 4px;
    height: auto;
}

.box_datos_afro .data_afro .info_afro span,
.box_datos_afro .data_afro .info_afro h4,
.box_datos_afro .data_afro .info_afro p {
    color: #fff !important;
}

.box_datos_afro .data_afro .info_afro h4 {
    background-color: #ffffff29;
    padding: 10px !important;
    display: block;
    border-radius: 20px;
    font-size: 2.3rem !important;
    line-height: 1.1 !important;
}

.box_datos_afro .data_afro .info_afro p {
    line-height: 1.1 !important;
}

/* estilos boton junio13-24*/
.box_afro2 .afro_content a {
    background-color: #de3524;
    padding: 16px 40px;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.box_afro2 .afro_content a:hover {
    transition: 0.3s all ease;
    background-color: #7c1e15;
}

.box_afro2 {
    background: url(/../files/investigaciones/enfoque-diferencial/back_cierre.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 40px;
}

.box_afro2 .afro_content p {
    color: #42231C !important;
    font-size: 20px !important;
    font-weight: bold;
    padding-right: 220px;
}

.box_afro2 .afro_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/* fin /* estilos boton junio13-24*/

@media (max-width: 1199.98px) {
    .box_afro .afro_content p.titulo_afro {
        font-size: 4rem !important;
    }

    .box_afro .afro_content p {
        font-size: 18px !important;
        padding-right: 150px;
    }
}

@media (max-width: 991.98px) {
    .box_afro .afro_content {
        flex-direction: column;
    }

    .box_datos_afro {
        padding: 30px 30px;
    }

    .box_datos_afro .data_afro {
        flex-direction: column;
    }

    .box_datos_afro .data_afro .info_afro:nth-child(2n+1) {
        border-bottom: 1px solid #fff;
        padding-bottom: 30px;
        width: 100%;
    }

    .box_datos_afro .data_afro .info_afro img {
        display: none;
    }
}

/* End Estilos Población Negra, Afrocolombiana, Raizal y Palenquera */
/* 25.) Estilos  Seccion campesinado */
/* estilos campesinados 2024*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Work+Sans:wght@500;700&display=swap');

/* banner principal */
#sociedad .box_banner {
    background-image: url(../../../files/images/imagenes-secciones/campesinado/back_campesinado.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 100px 0;
    margin-top: 40px;
}

#sociedad .box_banner .text_banner {
    color: #B8CE00;
    width: 86%;
    margin: 0 auto;
}

#sociedad .box_banner .text_banner p {
    color: #B8CE00;
    font-size: 25px !important;
    font-weight: 400;
    margin: 0;
}

#sociedad .box_banner .text_banner h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
}

#sociedad .box_banner .text_banner a {
    font-size: 14px;
    font-weight: 800;
    background-color: #B8CE00;
    color: #1C0744;
    border-radius: 50px;
    padding: 5px 30px;
    text-decoration: none;
}

#sociedad .box_banner .text_banner a:hover {
    opacity: 0.7;
    transition: all 0.3s ease;
}

#sociedad.campesinado p.pie_pagina {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 17.7px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 50px;
}

@media (max-width: 575.98px) {
    #sociedad .box_banner .text_banner h1 {
        font-size: 35px;
    }

    #sociedad .box_banner .text_banner p {
        font-size: 22px !important;
    }
}

/* end banner principal */
#sociedad.campesinado .inf-titles h2 {
    margin: 0.67em 0;
}

#sociedad.campesinado .inf-titles p {
    float: none;
}

#sociedad.campesinado .inf-titles p span {
    color: #3163A4;
}

#sociedad.campesinado .inf-titles ul {
    padding-left: 20px;
    margin-top: 1.5em;
}

#sociedad.campesinado .inf-titles ul.list_blue li {
    color: #3163A4;
}

#sociedad.campesinado .inf-titles ul.list_blue li p {
    color: #3163A4 !important;
    margin-top: 0.6em;
    font-weight: 600;
}

#sociedad.campesinado .inf-titles .box_question {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    background-color: #FFFCEC;
    margin-top: 100px;
    padding: 40px 0;
    border-radius: 25px;
}

#sociedad.campesinado .inf-titles .box_question .cont_question ul li {
    color: #333333 !important;
}

#sociedad.campesinado .inf-titles .box_question .cont_question ul li p {
    color: #333333 !important;
}

#sociedad.campesinado .inf-titles .box_question .cont_question p.coment {
    font-size: 14px !important;
    font-weight: 400;
}

#sociedad.campesinado .inf-titles .box_identificacion {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

#sociedad.campesinado .inf-titles .box_question .cont_question {
    padding-left: 30px;
}

#sociedad.campesinado .inf-titles .box_identificacion img {
    width: 80%;
    margin: 0 auto;
}

#sociedad.campesinado .inf-titles .box_identificacion img.d-none {
    width: 100%;
    margin: 0 auto;
}

#sociedad.campesinado .inf-titles ul.list_number li {
    list-style: decimal;
    padding-left: 10px;
}

#sociedad.campesinado .inf-titles ul.list_number li p {
    margin-top: 0.6em;
}

@media (max-width: 991.98px) {
    #sociedad.campesinado .inf-titles {
        padding: 0 20px;
    }

    #sociedad.campesinado .inf-titles .box_question {
        flex-direction: column;
    }

    #sociedad.campesinado .inf-titles .box_question img {
        width: 30%;
        margin: 0 auto;
    }

    #sociedad.campesinado .inf-titles .box_question .cont_question {
        padding-left: 0px;
    }
}

@media (max-width: 1199.98px) {
    #sociedad.campesinado .inf-titles .box_question {
        padding: 40px 40px;
        gap: 40px;
    }
}

/* tabs */
#sociedad.campesinado .info-tecnica_tabs .nav-tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    text-align: center;
}

#sociedad.campesinado .info-tecnica_tabs .nav-tabs>li {
    width: 100%;
}

#sociedad.campesinado .info-tecnica_tabs .nav-tabs>li.active>a {
    background-color: #3800a5 !important;
    color: #fff !important;
}

#sociedad.campesinado .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #3800a5 !important;
}

#sociedad.campesinado .info-tecnica_tabs ul li a {
    color: #3800a5 !important;
}

#sociedad.campesinado .info-tecnica_tabs ul li a:hover {
    opacity: 0.8;
    transition: 0.2s all ease;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content {
    background-color: #f7f7f700;
    padding: 0;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane {
    padding: 0;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_linea_tiempo .row {
    display: flex;
    justify-content: center;
}

#sociedad.campesinado .avances_campesinado {
    background-image: url(../../../files/images/imagenes-secciones/campesinado/bg-green.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px;
}

#sociedad.campesinado .avances_campesinado img.d-none,
#sociedad.campesinado .inf-titles .box_identificacion img.d-none {
    display: none;
}

#sociedad.campesinado .inf-titles h2 {
    color: #043F2B;
}

@media (max-width: 991.98px) {
    #sociedad.campesinado .info-tecnica_tabs .nav-tabs {
        flex-direction: column;
    }

    #sociedad.campesinado .avances_campesinado {
        padding: 30px;
        margin: 20px;
    }

    #sociedad.campesinado .avances_campesinado img.d-block,
    #sociedad.campesinado .inf-titles .box_identificacion img.d-block {
        display: none;
    }

    #sociedad.campesinado .avances_campesinado img.d-none,
    #sociedad.campesinado .inf-titles .box_identificacion img.d-none {
        display: block;
    }
}

/* linea de tiempo campesinado */
#sociedad.campesinado .info-tecnica_tabs {
    margin-top: 4em;
}

.timeline-campesinado {
    background-image: url(../../../files/images/imagenes-secciones/campesinado/bg-green_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 40px 40px;
    border-radius: 24px 24px;
    margin: 30px 0;
    display: flex;
}

.timeline-campesinado .timeline-body {
    scroll-behavior: smooth;
    display: grid;
}

.timeline-campesinado .timeline-body .line {
    width: 10%;
    float: left;
    background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    bottom: 278px;
    margin-left: 10%;
}

.timeline-campesinado .timeline-body .line img {
    width: 24px;
    z-index: 2;
    position: relative;
}

.timeline-campesinado .timeline-body .lineb {
    width: 10%;
    float: left;
    background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 142px;
    left: 0;
    right: 0;
    bottom: 600px;
    margin-left: 10%;
}

.timeline-campesinado .timeline-body .lineb img {
    width: 24px;
    z-index: 2;
    position: relative;
}

.timeline-campesinado .timeline-body .line2 {
    width: 10%;
    float: left;
    text-align: center;
    position: absolute;
    left: 0;
    margin-left: 10%;
}

.timeline-campesinado .timeline-body .line2 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-campesinado .timeline-body .line3 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

.timeline-campesinado .timeline-body .line3 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-campesinado .timeline-body .line4 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

.timeline-campesinado .timeline-body .line4 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-campesinado .timeline-body .bullet-container {
    margin: 38px 0 2px 0;
}

.timeline-campesinado .timeline-body .bullet-container .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

.timeline-campesinado .timeline-body .bullet-container .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

.timeline-campesinado .timeline-body .bullet-container .bullets h2 {
    background-color: #1C0744;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #B8CE00 !important;
}

.timeline-campesinado .timeline-body .bullet-container .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #043F2B;
}

.timeline-campesinado .timeline-body .bullet-container .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

.timeline-campesinado .timeline-body .bullet-container .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

.timeline-campesinado .timeline-body .bullet-container .bullets p a {
    color: #1C0744;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

.timeline-campesinado .timeline-body .bullet-container .bullets p {
    color: #000000 !important;
}

.timeline-campesinado .timeline-body .bullet-container .bullets a {
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #1C0744;
}

.timeline-campesinado .timeline-body .bullet-container .bullets a:hover {
    transition: 0.3s all ease;
    opacity: 0.8;
}

.timeline-campesinado .timeline-body .bullet-container .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

.timeline-campesinado .timeline-body .bullet-container .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

.timeline-campesinado .timeline-body .bullet-container2 {
    margin: 88px 0 44px 0;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets h2 {
    background-color: #007230;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #fff;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #a91314;
    min-height: 250px;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets p a {
    color: #422e07;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

.timeline-campesinado .timeline-body .bullet-container2 .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

.timeline-campesinado .timeline-body .bullet-container2 .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

.timeline-campesinado .hito-animacion {
    animation: hitos-entrada 1s ease-in 0s 1 normal forwards;
}

@media (max-width: 991.98px) {
    .timeline-campesinado {
        padding: 40px 10px;
    }

    .timeline-campesinado .timeline-body .bullet-container .bullets p a {
        font-size: 1.4rem;
    }
}

/* noticias campesinado */

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card {
    width: 33%;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card .card-body .card-title {
    color: #043F2B !important;
    font-weight: 600;
    font-size: 25px !important;
    line-height: 1.2;
    text-decoration: underline !important;
    text-transform: none;
    margin-bottom: 0;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card .card-body .card-title a {
    color: #043F2B !important;
    font-weight: 600;
    font-size: 25px !important;
    line-height: 1.2;
    text-decoration: underline !important;
    text-transform: none;
    margin-bottom: 0;
    letter-spacing: 0;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card .card-body .card-text {
    font-weight: 800;
    font-size: 17px !important;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card .card-body {
    min-height: 200px;
    justify-content: space-evenly;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 0 0 15px 15px;
    padding: 0 25px;
}

#sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card img {
    width: 100%;
}

@media (max-width: 991.98px) {
    #sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards {
        flex-direction: column;
    }

    #sociedad.campesinado .info-tecnica_tabs .tab-content .tab-pane .box_cards .card {
        width: 90%;
        margin: 0 auto;
    }
}

/* End Estilos  Seccion campesinado */

/* 26.) SECCION CATASTRO MULTIPROPOSITO */
/* Estilos catastro multiproposito 02/2025 */

:root {
    --color-principal: #BE0C4D;
    --color-secundario: #003087;
}

#catastro a:active {
    color: var(--color-secundario) !important;
}

/* menu catastro */
/*#catastro header.nav_bar {
    padding: 3rem 0;
}*/

#catastro nav.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#catastro nav.nav ul.nav_list {
    display: flex;
    gap: 4rem;
    list-style: none;
    text-decoration: none;
}

#catastro nav.nav ul.nav_list li.nav_element a {
    /* font-weight: 700; */
    font-size: 19.5px;
    text-align: center;
    color: #333333;
    padding: 20px 10px;
}

#catastro nav.nav ul.nav_list li.nav_element a.active_menu {
    font-weight: 700;
    border-bottom: 1px solid var(--color-secundario);
}

#catastro nav.nav ul.nav_list li.nav_element a:hover {
    text-decoration: none !important;
    border-bottom: 1px solid var(--color-secundario);
    font-weight: 700;
}

/* end menu catastro */

#catastro.tema-general .box_referent {
    margin-top: -20px;
    padding-bottom: 50px;
}

#catastro .info-tecnica_tabs .tab-content {
    padding: 1.3em 3em;
}

#catastro .inf-titles h1.title_catastro {
    color: var(--color-principal) !important;
    font-size: 30px !important;
    font-weight: 600;
}

#catastro .inf-titles .hr-temas hr {
    border-color: var(--color-secundario);
}

#catastro .inf-titles p.fecha_publicacion {
    font-size: 13px !important;
    font-weight: 400;
    color: #333333 !important;
}

/* Ajuste para corregir ubicacion de tabs*/
#catastro section.box_tabs {
    align-self: start;
}

#catastro .info-tecnica_tabs .nav li.active>a.nav-link {
    background-color: #BE0C4D !important;
}

#catastro .info-tecnica_tabs .nav a:link {
    color: var(--color-secundario);
}

#catastro .info-tecnica_tabs .nav a:hover {
    color: var(--color-secundario);
}

#catastro h2.sub_catastro,
.inf-titles h2.sub_catastro,
.info-tecnica_tabs .tab-content .inf-titles h2.sub_catastro {
    color: var(--color-secundario);
    font-size: 25px;
    font-weight: 600;
    line-height: 37px;
    margin-bottom: 15px;
}

#catastro .inf-titles p.sub2_catastro {
    font-weight: bold;
    font-size: 1.7rem !important;
    margin-top: -0.5rem;
    margin-bottom: 2.5rem;
}

#catastro .info-tecnica_tabs .tab-content .hero_main {
    padding-top: 20px;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure {
    position: relative;
}

/* #catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure img.hero-img{;
    width: 100%;
    aspect-ratio: 16/9;
} */
#catastro .info-tecnica_tabs .tab-content .hero_main .figure1 {
    z-index: 3;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .figure2 {
    float: right;
    top: -80px;
    z-index: 2;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .figure3 {
    top: -160px;
    z-index: 1;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .figure4 {
    text-align: right;
    position: relative;
    z-index: 2;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .figure5 {
    text-align: left;
    position: relative;
    z-index: 1;
    top: -80px;
}

#catastro .info-tecnica_tabs .tab-content .hero_main .hero_column .hero_figure2 img {
    width: 100%;
}

#catastro .info-tecnica_tabs .tab-content .txt_info-tecnica .inf-titles p a {
    color: var(--color-secundario) !important;
    font-weight: 800;
    text-decoration: underline;
}

#catastro .info-tecnica_tabs .tab-content .txt_info-tecnica .inf-titles p a:hover {
    opacity: 0.6;
    transition: 0.2s all ease-in;
}

#catastro .tab-content .box_evolucion {
    position: relative;
    bottom: 50px;
}

#catastro .tab-content .box_evolucion .evolucion {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 30px;
}

#catastro .tab-content .box_evolucion .evolucion .evolution1 .evo_mapa2 {
    background-color: var(--color-principal);
    width: 300px;
    height: auto;
    border-radius: 16px;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .evo_mapa {
    background-color: #405DA9;
    width: 300px;
    height: auto;
    border-radius: 16px;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .evo_mapa .evo-img {
    width: 100%;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_numerico {
    width: 300px;
    background-color: #fff;
    padding: 2rem;
    text-align: center;
    border-radius: 16px;
    box-shadow: 4px 4px 10px 0px #00000040;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_year {
    position: relative;
    z-index: 1;
    top: 15px;
    background-color: #F4EBC7;
    padding: 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_year h3 {
    color: #003087;
    font-weight: 600;
    font-size: 26px;
    line-height: 21px;
    margin: 0 auto;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_year2 {
    position: relative;
    z-index: 1;
    top: 15px;
    background-color: var(--color-principal);
    padding: 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_year2 h3 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    line-height: 21px;
    margin: 0 auto;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_numerico .area {
    color: #333333;
    font-weight: 400;
    font-size: 16px !important;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_numerico .porcent {
    color: #000000;
    font-weight: 600;
    font-size: 25px !important;
    line-height: 26px !important;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .box_datos_evo .data_numerico .municipio {
    color: #333333;
    font-weight: 700;
    font-size: 16px !important;
}

#catastro .tab-content .box_evolucion .evolucion .evolution2 {
    display: flex;
    justify-content: center;
}

#catastro .tab-content .box_evolucion .evolucion .evolution2 .line {
    width: 10%;
    float: left;
    /* background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg); */
    background-image: url(../../../files/images/imagenes-secciones/territorio/catastro-multiproposito/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 252px;
    bottom: 156px;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .line img {
    width: 17px;
    z-index: 2;
    position: relative;
    top: -6px;
}

#catastro .tab-content .box_evolucion .evolucion .col_evolucion .line2 img {
    width: 17px;
    z-index: 2;
    position: relative;
}

/* FAQ */
#catastro .faq {
    padding-top: 20px;
    padding-bottom: 60px;
}

#catastro .faq_container {
    display: grid;
    gap: 2rem;
}

#catastro .faq_item {
    background-color: #fff;
    padding: 2rem 3rem;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    box-shadow: 0px 10px 35px 0px #0000001F;
    /*cursor: pointer;*/


    --icon-question-url: url(../../../files/images/imagenes-secciones/territorio/catastro-multiproposito/arrow_down.svg);
}

#catastro .faq_item[open] {
    background-color: #f8f8f8;

    --icon-question-url: url(../../../files/images/imagenes-secciones/territorio/catastro-multiproposito/arrow_up.svg);
}

#catastro .faq_item[open]>.faq_question {
    padding-bottom: 20px;
}

#catastro .faq_item[open]>.faq_question .faq_title {
    color: var(--color-principal);
}

#catastro .faq_question {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#catastro .faq_question::after {
    content: "";
    width: 28px;
    height: 15px;
    background-image: var(--icon-question-url);
    background-repeat: no-repeat;
    margin-left: auto;
}

#catastro .faq_title {
    font-size: 1.6rem;
    width: 60%;
    line-height: 1.8rem;
    margin-bottom: 0;
    margin-top: 0;
    color: #333333;
}

#catastro .faq_answer {
    margin-top: 1rem;
    padding-top: 2rem !important;
    border-top: 1px solid #D3D3D3;
    padding-top: 0;
}

#catastro .faq_answer ul li::marker {
    color: var(--color-principal);
}

#catastro .inf-titles .catastro-btn {
    text-align: center;
}

#catastro .inf-titles .catastro-btn a {
    background-color: var(--color-principal);
}

#catastro.tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li>a {
    padding: 0.9em 1.5em;
    font-size: 1.3em;
}

#catastro .hero_main .hero_column {
    display: flex;
    gap: 10px;
}

#catastro .hero_main .hero_column .hero_col1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Linea de tiempo sección catastro multiproposito HAN*/
.timeline-catastro {
    padding: 0px 40px;
    border-radius: 24px 24px;
    margin: 30px 0;
    display: flex;
}

.timeline-catastro .timeline-body {
    scroll-behavior: smooth;
    display: grid;
}

.timeline-catastro .timeline-body .line {
    width: 10%;
    float: left;
    /* background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg); */
    background-image: url(../../../files/images/imagenes-secciones/territorio/catastro-multiproposito/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 246px;
    margin-left: 10%;
}

.timeline-catastro .timeline-body .line img {
    width: 24px;
    z-index: 2;
    position: relative;
}

.timeline-catastro .timeline-body .lineb {
    width: 10%;
    float: left;
    /* background-image: url(../../../files/investigaciones/enfoque-diferencial/wayuu/timeline-line.svg); */
    background-image: url(../../../files/images/imagenes-secciones/territorio/catastro-multiproposito/timeline-line.svg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 1.6rem;
    text-align: center;
    position: absolute;
    top: 142px;
    left: 0;
    right: 0;
    bottom: 600px;
    margin-left: 10%;
}

.timeline-catastro .timeline-body .lineb img {
    width: 24px;
    z-index: 2;
    position: relative;
}

.timeline-catastro .timeline-body .line2 {
    width: 10%;
    float: left;
    text-align: center;
    position: absolute;
    left: 0;
    margin-left: 10%;
}

.timeline-catastro .timeline-body .line2 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-catastro .timeline-body .line3 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

.timeline-catastro .timeline-body .line3 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-catastro .timeline-body .line4 {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
    top: 0;
    left: -38px;
    right: 0;
    bottom: 0;
    margin-left: 10%;
}

.timeline-catastro .timeline-body .line4 img {
    width: 24px;
    padding: 15px 0 0 0;
    position: relative;
    z-index: 2;
}

.timeline-catastro .timeline-body .bullet-container {
    margin: 38px 0 2px 0;
}

.timeline-catastro .timeline-body .bullet-container .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

.timeline-catastro .timeline-body .bullet-container .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

.timeline-catastro .timeline-body .bullet-container .bullets h2 {
    background-color: #1C0744;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #B8CE00 !important;
}

.timeline-catastro .timeline-body .bullet-container .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #043F2B;
}

.timeline-catastro .timeline-body .bullet-container .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

.timeline-catastro .timeline-body .bullet-container .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

.timeline-catastro .timeline-body .bullet-container .bullets p a {
    color: #1C0744;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

.timeline-catastro .timeline-body .bullet-container .bullets p {
    color: #000000 !important;
}

.timeline-catastro .timeline-body .bullet-container .bullets a {
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #1C0744;
}

.timeline-catastro .timeline-body .bullet-container .bullets a:hover {
    transition: 0.3s all ease;
    opacity: 0.8;
}

.timeline-catastro .timeline-body .bullet-container .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

.timeline-catastro .timeline-body .bullet-container .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

.timeline-catastro .timeline-body .bullet-container2 {
    margin: 88px 0 44px 0;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets {
    width: 70%;
    float: right;
    margin-right: 10%
}

.timeline-catastro .timeline-body .bullet-container2 .bullets .iconos {
    position: relative;
    width: 48px;
    top: -8px;
    margin: 0 0 0 12px;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets h2 {
    background-color: #007230;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 12px 0 12px 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #fff;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets h3 {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #a91314;
    min-height: 250px;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets h3 b {
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    min-height: 250px;
    color: #133a22;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets hr {
    margin-top: 20px;
    width: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #422e07;
    float: left;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets p a {
    color: #422e07;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
}

.timeline-catastro .timeline-body .bullet-container2 .bullets p img {
    width: 20px;
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
}

.timeline-catastro .timeline-body .bullet-container2 .patron-wayuu img {
    width: 100%;
    clear: both;
    margin: 128px 0 0 0;
}

.timeline-catastro .hito-animacion {
    animation: hitos-entrada 1s ease-in 0s 1 normal forwards;
}

/*Ajuste para contenedor de la linea de tiempo de mapas*/
#catastro .contenedor-lt2 {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

/* responsive catastro multiproposito*/
/* ajuste responsive de las tabs (bloque)*/
@media (max-width: 991.98px) {
    #catastro .box-center .row {
        display: block;
    }
}

/* fin ajuste tabs*/
@media (max-width: 991.98px) {
    .timeline-catastro {
        padding: 40px 10px;
    }

    .timeline-catastro .timeline-body .bullet-container .bullets p a {
        font-size: 1.4rem;
    }
}

@media (max-width: 767.98px) {
    #catastro header.nav_bar {
        padding: 0;
    }

    #catastro nav.nav {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 3rem;
    }

    #catastro nav.nav ul.nav_list {
        flex-direction: column;
        padding: 0;
        text-align: center;
    }

    /* ajuste de espaciado interno Feb21*/
    #catastro .info-tecnica_tabs .tab-content {
        padding: 0;
    }

    #catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure img.hero-img {
        width: 100%;
    }

    #catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure {
        position: initial;
        padding-bottom: 20px;
    }

    #catastro .hero_main .hero_column {
        flex-direction: column;
    }

    #catastro .hero_main .hero_column .hero_col1 {
        gap: 10px;
    }

    #catastro .tab-content .box_evolucion .evolucion {
        flex-direction: column;
    }

    #catastro .tab-content .box_evolucion .reverse {
        flex-direction: column-reverse !important;
    }

    #catastro .info-tecnica_tabs .tab-content .inf-titles h2.sub_catastro {
        margin-top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #catastro header.nav_bar {
        padding: 0;
    }

    #catastro nav.nav {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 3rem;
    }

    #catastro nav.nav ul.nav_list {
        flex-direction: column;
        padding: 0;
        text-align: center;
    }

    #catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure img.hero-img {
        width: 100%;
    }

    #catastro .info-tecnica_tabs .tab-content .hero_main .hero_figure {
        position: initial;
        padding-bottom: 20px;
    }

    #catastro.tema-general .box-center .row {
        justify-content: center;
    }

    #catastro.tema-general .info-tecnica_tabs .tab-content {
        padding: 1.3em 2.2em !important;
    }

    #catastro.tema-general .info-tecnica_tabs .box_tabs {
        padding: 0;
    }

    .tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li {
        text-align: center;
    }

    #catastro .tab-content .box_evolucion .evolucion {
        flex-direction: column;
    }

    #catastro .tab-content .box_evolucion .reverse {
        flex-direction: column-reverse !important;
    }

    #catastro .info-tecnica_tabs .tab-content .inf-titles h2.sub_catastro {
        margin-top: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    #catastro .tab-content .box_evolucion .evolucion {
        gap: 30px;
    }

    #catastro .tab-content .box_evolucion .evolucion .col_evolucion .evo_mapa {
        width: 100%;
    }
}

/* linea de tiempo catastro Gustavo */
#catastro .timeline {
    position: relative;
    padding: 20px 0 20px 60px;
}

#catastro .timeline::before {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #3E111B;
    top: 74px;
    bottom: 520px;
    left: 33px;
    animation: growLine 2s ease-out forwards;
}

#catastro .timeline-item {
    position: relative;
    margin-bottom: 30px;
    opacity: 0;
    animation: fadeInLeft 0.5s ease-out forwards;
}

#catastro .timeline-item::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: -32px;
    background-color: white;
    border: 2px solid #BD134E;
    top: 51px;
    border-radius: 50%;
    z-index: 1;
    animation: pulse 2s infinite;
}

#catastro .timeline-item::after {
    content: "";
    position: absolute;
    top: 46px;
    left: -9px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

#catastro .timeline-content {
    padding: 40px 40px 20px 40px;
    background-color: white;
    position: relative;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
    margin-bottom: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#catastro .timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

#catastro .timeline-content:last-child {
    margin-bottom: 80px;
}

.head-items-tl {
    margin: 0 0 24px 0;
}

#catastro .timeline-content .div-cont {
    align-self: start;
    width: 70%;
}

@media (max-width:768px) {
    #catastro .timeline-content .div-cont {
        width: 100%;
    }
}

#catastro .timeline-content p {
    margin-left: 16px;
    /*! line-height: 1.1rem; */
}

#catastro .timeline-content .p-imagen {
    margin-left: 0;
    /*! line-height: 1.1rem; */
}

#catastro .timeline-content a {
    color: #BD134E;
    text-decoration: none;
    font-weight: 500;
}

#catastro .timeline-content a:hover {
    color: #800080;
    text-decoration: underline;
}

#catastro .timeline-content a:visited {
    color: #681da8;
}

#catastro .timeline-content a:active {
    color: #FF0000;
}

#catastro .timeline-content img {
    width: 32px;
    opacity: 0;
    animation: fadeIn 1s ease-out forwards;
    animation-delay: 0.5s;
}

#catastro .timeline-content .img-tl {
    width: 112px !important;
    margin: 0 0 16px 0;
}

#catastro .timeline-content h2 {
    margin: 0 0 0 12px;
    padding: 0 0;
    color: #BD134E;
    /*font-size: 1.4rem;*/
    font-weight: lighter;
}

#catastro .timeline-content p strong {
    color: #3E111B;
}

#catastro .timeline-hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
    width: 44px;
}

#catastro .timeline-hr-p-imagen {
    margin: 1rem 1rem;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
    width: 44px;
}

@keyframes growLine {
    from {
        height: 0;
    }

    to {
        height: calc(100% - 594px);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#catastro .timeline-item:nth-child(1) {
    animation-delay: 0.2s;
}

#catastro .timeline-item:nth-child(2) {
    animation-delay: 0.4s;
}

#catastro .timeline-item:nth-child(3) {
    animation-delay: 0.6s;
}

#catastro .timeline-item:nth-child(4) {
    animation-delay: 0.8s;
}

#catastro .timeline-item:nth-child(5) {
    animation-delay: 1s;
}

#catastro .timeline-item:nth-child(6) {
    animation-delay: 1.2s;
}

/* FIN linea de tiempo catastro */

#catastro .box-mapa img {
    width: 100%;
    max-width: 646px;
    display: flex;
    margin: auto;
}

#catastro .box-mapa .mapa-info {
    display: flex;
    align-items: center;
}

#catastro .yellow-box {
    background-color: #FFFCEC;
    display: grid;
    width: 100%;
    max-width: 880px;
    text-align: center;
    margin: auto;
}

#catastro hr {
    background-color: #A7A7A7;
    height: 1px;
}

#catastro .box-iconos {
    max-width: 955px;
    margin: auto;
}

#catastro .box-iconos hr {
    background-color: var(--color-principal);
    width: 100%;
    height: 1px;
}

#catastro .box-iconos .icono {
    align-self: start;
}

/* Ajuste Accordions regular labs para sección catastro*/
#catastro [data-rlta-element="container"] h3 {
    color: #333333;
    padding: 15px 5px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 2rem;
}

/* FIN SECCION CATASTRO MULTIPROPOSITO */
/* 27.) ESTILOS HOME DANE 2025 */
:root {
    --font-family: 'Oswald', sans-serif;
}

/* Ocultar por data-id */
ul.mega-nav li[data-id="4895"],
ul.mega-nav li[data-id="4896"],
ul.mega-nav li[data-id="4897"],
ul.mega-nav li[data-id="4898"],
ul.mega-nav li[data-id="4899"],
ul.mega-nav li[data-id="4900"],
ul.mega-nav li[data-id="4901"],
ul.mega-nav li[data-id="4902"],
ul.mega-nav li[data-id="4903"] {
    display: none !important;
}

.module-inner h5.module-title,
.module-inner h2.module-title {
    color: var(--color-principal) !important;
    font-weight: bold;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.content_bn {
    display: flex;
    /* padding-bottom: 10px; */
    padding: 15px;
}

.content_bn .box_banners {
    /* background-color: rgb(221, 221, 221); */
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    gap: 10px;
}

.content_bn .box_banners .banner1 img {
    /* display: block; */
    width: 100%;
    margin: 0 auto;
}

.content_bn .box_banners .banner1 {
    width: 100%;
    height: auto;
    background-image: url(../../../images/banners-home/background_bn_censo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_bn .box_banners .banner2 {
    width: 100%;
    height: auto;
    background-image: url(../../../images/banners-home/background_bn_wayuu.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 50px;
}

.content_bn .box_banners .banner2 p.ingrese {
    font-weight: bold;
    color: #007230;
    font-size: 22px;
    padding-bottom: 10px;
}

.content_bn .box_banners .banner2 p {
    color: #4D4D4D;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 20px;
}

.content_bn .box_banners .banner2 p b {
    color: #E20613;
}

.content_bn .box_banners .cont_banner {
    padding: 30px;
}

.content_bn .box_banners .banner3 {
    width: 100%;
    height: auto;
    background-image: url(../../../images/banners-home/background_bn_censo2.jpg);
    /* background-image: url(/img/background_bn_censo2.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0;
}

.content_bn .box_banners .banner3 .censo_img img {
    width: 80%;
    margin: 0 auto;
}

.content_bn .box_banners .banner3 .datos_censo {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    /* height: 100%; */
}

.content_bn .box_banners .banner3 .datos_censo .date_censo1 {
    flex: 1;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo2 {
    flex: 1.5;
    flex-direction: column;
    align-items: center;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo1,
.content_bn .box_banners .banner3 .datos_censo .date_censo2 {
    /* flex: 1; */
    /* min-height: 0; */
    height: 100%;
    display: flex;
    justify-content: center;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo1 img {
    width: 70%;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo1 img.logo_mobile {
    display: none;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(1) {
    font-size: 22px;
    color: #fff;
    padding: 0;
    line-height: 1;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(2) {
    font-size: 17px;
    color: #fff;
    margin-bottom: 20px;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo p b {
    color: #F4D261;
}

.content_bn .box_banners .banner3 .datos_censo .date_censo a {
    font-size: 18px;
    background-color: #F4D261;
    text-align: center;
    color: #1D7FA7;
    font-weight: 600;
    border-radius: 20px;
    padding: 5px 20px;
}

.content_bn .box_banners .cont_banner a:hover {
    transition: 0.2s all ease-in;
    opacity: 0.6;
}

.content_bn .box_banners .banner4 {
    width: 100%;
    height: auto;
    background-image: url(../../../images/banners-home/background_bn_wayuu.jpg);
    /* background-image: url(/img/background_bn_wayuu.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

.content_bn .box_banners .banner4 .cont_icono img {
    width: 80%;
    height: auto;
}

.content_bn .box_banners .banner4 .cont_icono {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

.content_bn .box_banners .banner4 .text_bn3 {
    width: 60%;
}

.content_bn .box_banners .banner4 .text_bn3 {
    display: flex;
    justify-content: space-evenly;
    border-left: 2px solid #005e16;
}

.content_bn .box_banners .banner4 .text_bn3 img {
    width: 12%;
    height: auto;
}

.content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p {
    line-height: 1;
}

.content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(1) {
    font-size: 18px;
    background-color: #565656;
    color: #f7c860;
    font-weight: 500;
    display: block;
    padding: 4px 2px;
}

.content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(2) {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
}

.content_bn .box_banners .banner4 .text_bn3 .datos_wayuu a {
    /* display: block; */
    font-size: 18px;
    background-color: #005e16 !important;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    border-radius: 20px;
    padding: 5px 20px;
}

/* ESTILOS MODULO ACCESO CENTRO PAGINA*/
.cont_accesos_directos hr {
    margin: 0;
}

.cont_accesos_directos .mod-accesos-directos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cont_accesos_directos .mod-accesos-directos .btn_acceso_centro_pagina img:hover {
    transition: 0.2s all ease-in;
    opacity: 0.6;
    filter: grayscale(100%);
}

/* END ESTILOS MODULO ACCESO CENTRO PAGINA*/

/* responsive home */
@media (max-width: 575.98px) {
    .content_bn .box_banners .banner3 .datos_censo {
        flex-direction: column;
        padding-bottom: 30px;
        gap: 5px;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo1 {
        min-height: initial;
        justify-content: flex-start;
        gap: 10px;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo2 {
        gap: 10px;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(2) {
        margin-bottom: 25px;
    }

    .content_bn .box_banners .banner4 {
        flex-direction: column;
        padding: 50px 0;
    }

    .content_bn .box_banners .banner4 .cont_icono {
        width: 70%;
    }

    .content_bn .box_banners .banner4 .text_bn3 {
        width: 70%;
        border-left: 0px;
        border-top: 2px solid #005e16;
        padding-top: 20px;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo1 .logo_mobile {
        display: block !important;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo1 img {
        width: 40%;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo1 img.logo_mobile {
        width: 50%;
    }

    .content_bn .box_banners .banner3 .censo_img img {
        display: none;
    }

    .content_bn .box_banners .banner4 {
        gap: 10px;
    }

    .content_bn .box_banners .banner4 .cont_icono img {
        width: 40%;
    }
}

@media (max-width: 767.98px) {
    .cont_accesos_directos .mod-accesos-directos {
        flex-direction: column;
        gap: 30px;
    }

    .modulecalendario,
    #Mod106,
    #Mod217,
    .t3-sidebar,
    .module {
        padding: 0 15px;
    }
}

@media (max-width: 991.98px) {
    .content_bn {
        flex-direction: column;
        gap: 40px;
    }

    .content_bn .box_banners .banner3 {
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cont_accesos_directos .mod-accesos-directos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .cont_accesos_directos .mod-accesos-directos .btn_acceso_centro_pagina {
        width: 30% !important;
        max-width: 30% !important;
        flex: 0 0 30%;
    }
}

@media (min-width: 992px) and (max-width: 1279.98px) {
    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(1) {
        font-size: 17px;
    }

    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(2) {
        font-size: 17px;
    }

    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu a {
        font-size: 14px;
        padding: 5px 10px;
    }

    .content_bn .box_banners .cont_banner {
        padding: 20px;
    }

    .content_bn .box_banners .banner4 .cont_icono img {
        width: 100%;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(1) {
        font-size: 16px;
        padding: 6px 0;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(2) {
        font-size: 15px;
        line-height: 1;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo a {
        font-size: 15px;
    }

    .content_bn .box_banners .banner3 {
        padding: 0;
    }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
    .content_bn .box_banners .cont_banner {
        padding: 20px;
    }

    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(2) {
        font-size: 17px;
    }

    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu a {
        font-size: 16px;
    }

    .content_bn .box_banners .banner4 .cont_icono img {
        width: 100%;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(1) {
        font-size: 16px;
        padding: 6px 0;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(2) {
        font-size: 15px;
        line-height: 1;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo a {
        font-size: 15px;
    }

    .content_bn .box_banners .banner3 {
        padding: 0;
    }
}

@media (min-width: 1440px) and (max-width: 1599.98px) {
    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(1) {
        font-size: 17px;
    }

    .content_bn .box_banners .banner4 .text_bn3 .datos_wayuu p:nth-child(2) {
        font-size: 17px;
        padding-bottom: 20px;
    }

    .content_bn .box_banners .banner4 .text_bn3 {
        padding-left: 10px;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(1) {
        font-size: 16px;
        padding: 6px 0;
    }

    .content_bn .box_banners .banner3 .datos_censo .date_censo p:nth-child(2) {
        font-size: 15px;
        line-height: 1;
    }

    .content_bn .box_banners .banner3 {
        padding: 0;
    }

    .content_bn .box_banners .banner4 {
        padding: 20px;
    }

    .content_bn .box_banners .banner4 .cont_icono img {
        width: 100%;
    }
}

:root {
    --fuente4_mobile: 18px;
    --fuente0_mobile: 16px;

    --fuente4_tablet: 18px;
    --fuente0_tablet: 16px;
}

.banner-verificacion-encuestadores {
    grid-column: span 4;
    /* 4 columnas en desktop e iPad */
    position: relative;
    min-height: 470px;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    /* Asegura contraste para lectores de pantalla */
}

.banner-verificacion-encuestadores .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*            height: 100%;*/
    object-fit: cover;
    z-index: 1;
    transition: transform 0.3s ease;
    filter: brightness(0.4);
}

.banner-verificacion-encuestadores .upper-content {
    position: relative;
    flex: 1 !important;
    /* Reducido de 1 a 0.8 para hacer esta sección más corta */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-bottom: -40px;
    padding-bottom: 0;
}

.banner-verificacion-encuestadores .people-image {
    /*            max-height: 65%;*/
    max-width: 90%;
    /*            margin-top: 20px;*/
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    /* Transición más suave y para todas las propiedades */
    position: relative;
    top: 40%;
}

.banner-verificacion-encuestadores .banner-content {
    position: relative;
    z-index: 3;
    padding: 30px;
    width: 100%;
    background-color: rgba(190, 12, 77, 0.98);
    border-radius: 0 0 25px 25px;
    margin-top: auto;
}

.banner-verificacion-encuestadores .banner-titulo {
    font-weight: bold;
    color: white;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.banner-verificacion-encuestadores .banner-cuerpotexto {
    /* font-family: Verdana, sans-serif; */
    /* font-size: var(--fuente0); */
    font-size: 16px;
    font-weight: 300;
    color: white;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

.boton-inverido {
    /* font-family: "Montserrat", sans-serif; */
    /* font-size: var(--fuente0); */
    font-size: 16px;
    font-weight: 500 !important;
    color: #BE0C4D !important;
    background-color: #ffffff;
    border: solid #ffffff 2px !important;
    border-radius: 25px;
    padding: 12px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    min-width: 180px;
    /* Asegura un área de toque mínima */
}

.boton-inverido:hover {
    background-color: #FED4DC;
    border: solid #ffffff 2px !important;
}

.boton-inverido:focus {
    outline: none;
    background-color: #FED4DC;
    box-shadow: 0 0 0 3px #ffffff;
    border: solid #BE0C4D 2px !important;
}


/* Estilos para imágenes responsivas */
.mobile-img {
    display: none;
    /* Ocultas por defecto */
}

/* Para escritorios */
@media screen and (min-width: 1280px) {
    /* Mantener la configuración por defecto */
}


/* Para tabletas más pequeñas */
@media screen and (min-width: 600px) and (max-width: 1200px) {
    .banner-verificacion-encuestadores {
        grid-column: span 6;
        /* 6 columnas en tablets medianas */
    }

    .banner-verificacion-encuestadores .banner-titulo {
        font-size: var(--fuente4_tablet);
    }

    .banner-verificacion-encuestadores .banner-cuerpotexto {
        font-size: var(--fuente0_tablet);
    }

    .banner-verificacion-encuestadores .upper-content {}

    .banner-verificacion-encuestadores .people-image {
        max-width: 120%;
    }
}

/* Para móviles */
@media screen and (max-width: 600px) {
    .banner-verificacion-encuestadores {
        grid-column: span 12;
        /* 12 columnas en móviles */
        min-height: 460px;
        /* margin-top: 40px; */
    }

    .banner-verificacion-encuestadores .banner-content {
        padding: 40px 30px;
    }

    .banner-verificacion-encuestadores .banner-titulo {
        font-size: var(--fuente4_mobile);
    }

    .banner-verificacion-encuestadores .banner-cuerpotexto {
        font-size: var(--fuente0_mobile);
    }

    .banner-verificacion-encuestadores .people-image {
        max-width: 120%;
        top: 40px;
    }

    .banner-verificacion-encuestadores .people-image {
        transform: scale(1);
        margin-top: -50px;
        top: 150%;
        width: 70%;
    }

    .banner-verificacion-encuestadores .background-image {
        transform: scale(1.1);
    }

    .banner-verificacion-encuestadores .upper-content {
        margin-top: 30px;
    }

    /* Mostrar imágenes para móvil */
    .desktop-img {
        display: none !important;
    }

    .mobile-img {
        display: block !important;
    }
}

/* Para móviles pequeños */
@media screen and (max-width: 480px) {
    .banner-verificacion-encuestadores {
        max-width: 100%;
        transform: scale(0.85);
        top: 0px;
    }

    .banner-verificacion-encuestadores .banner-content {
        padding: 30px 25px;
    }

    .banner-verificacion-encuestadores .people-image {
        max-width: 100%;
        /*                transform: scale(0.85);*/
        top: 240%;
        padding-top: 32px;
    }

    .boton-inverido {
        padding: 10px 20px;
    }
}

/* Mejoras de accesibilidad */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Mejoras de enfoque para accesibilidad con teclado */
a:focus,
button:focus {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}

/* Normas de contraste WCAG 2.1 */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

/* banners destacados - home dane */
/* Banner NARP */
.banner-narp {
    grid-column: span 4;
    /* 4 columnas en desktop e iPad */
    position: relative;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    /* Asegura contraste para lectores de pantalla */
    margin-bottom: 10px;
}

.banner-narp .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*            height: 100%;*/
    object-fit: cover;
    z-index: 1;
    transition: transform 0.3s ease;
}

.banner-narp .banner-content {
    position: relative;
    z-index: 3;
    padding: 48px 30px;
    width: 100%;
    border-radius: 0 0 25px 25px;
    margin-top: 0;
}

.banner-narp .banner-cuerpotexto {
    font-size: var(--fuente0);
    color: white;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

.banner-narp .banner-titulo {
    color: #660e34;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner-narp .banner-cuerpotexto {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    color: #1c0a13;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

/* Fin banner NARP */
/* Banner BPSO */
.banner-bpso {
    grid-column: span 4;
    /* 4 columnas en desktop e iPad */
    position: relative;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    background-color: #7bc3de;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    /* display: flex; */
    display: grid;
    flex-direction: column;
    color: white;
    /* Asegura contraste para lectores de pantalla */
}

.banner-bpso .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*            height: 100%;*/
    object-fit: cover;
    z-index: 1;
    transition: transform 0.3s ease;
}

.banner-bpso .upper-content {
    position: relative;
    flex: 0.3 !important;
    /* Reducido de 1 a 0.8 para hacer esta sección más corta */
    display: flex;
    align-items: center;
    justify-content: left;
    z-index: 2;
    margin-top: -40px;
    margin-left: 32px;
    padding-bottom: 0;
}

.banner-bpso .people-image {
    /*            max-height: 65%;*/
    max-width: 100%;
    /*            margin-top: 20px;*/
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    /* Transición más suave y para todas las propiedades */
    position: relative;
    top: 30%;
}

.banner-bpso .banner-content {
    position: relative;
    z-index: 3;
    padding: 48px 30px;
    width: 100%;
    border-radius: 0 0 25px 25px;
    margin-top: 0;
}

.banner-bpso .banner-cuerpotexto {
    font-size: var(--fuente0);
    color: white;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

.banner-bpso .banner-titulo {
    color: #660e34;
    margin-top: 56px;
    margin-bottom: 20px;
    font-weight: bold;
}

.banner-bpso .banner-cuerpotexto {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    color: #1c0a13;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

/* Fin banner BPSO */
/* Banner Ley 2335 */
.banner-ley-2335 {
    grid-column: span 4;
    /* 4 columnas en desktop e iPad */
    position: relative;
    min-height: 220px;
    border-radius: 25px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    /* Asegura contraste para lectores de pantalla */
    margin-bottom: 10px;
}

.banner-ley-2335 .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*            height: 100%;*/
    object-fit: cover;
    z-index: 1;
    transition: transform 0.3s ease;
}

.banner-ley-2335 .banner-content {
    position: relative;
    z-index: 3;
    padding: 48px 30px;
    width: 100%;
    border-radius: 0 0 25px 25px;
    margin-top: 0;
}

.banner-ley-2335 .banner-titulo {
    color: #660e34;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner-ley-2335 .banner-cuerpotexto {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    color: #1c0a13;
    margin-bottom: 25px;
    line-height: 22px;
    max-width: 100%;
    word-wrap: break-word;
}

/* Fin banner ley 2335 */
/* Botón */
.boton {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    font-weight: 500 !important;
    color: #ffffff !important;
    background-color: #bd134e;
    border: solid #bd134e 2px !important;
    border-radius: 25px;
    padding: 12px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    min-width: 180px;
    /* Asegura un área de toque mínima */
}

.boton:hover {
    background-color: #660e34;
    border: solid #bd134e 2px !important;
}

.boton:focus {
    outline: none;
    background-color: #660e34;
    box-shadow: 0 0 0 3px #bd134e;
    border: solid #ffffff 2px !important;
}

/* Botón naranja */
.boton-naranja {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    font-weight: 500 !important;
    color: #ffffff !important;
    background-color: #bd3313;
    border: solid #bd3313 2px !important;
    border-radius: 25px;
    padding: 12px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    min-width: 180px;
    /* Asegura un área de toque mínima */
}

.boton-naranja:hover {
    background-color: #4b1407;
    border: solid #bd3313 2px !important;
}

.boton-naranja:focus {
    outline: none;
    background-color: #4b1407;
    box-shadow: 0 0 0 3px #bd3313;
    border: solid #ffffff 2px !important;
}

/* Botón invertido */
.boton-inverido {
    /* font-size: var(--fuente0); */
    font-size: 16px;
    font-weight: 500 !important;
    color: #BE0C4D;
    background-color: #ffffff;
    border: solid #ffffff 2px !important;
    border-radius: 25px;
    padding: 12px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    min-width: 180px;
    /* Asegura un área de toque mínima */
}

.boton-inverido:hover {
    background-color: #FED4DC;
    border: solid #ffffff 2px !important;
}

.boton-inverido:focus {
    outline: none;
    background-color: #FED4DC;
    box-shadow: 0 0 0 3px #ffffff;
    border: solid #BE0C4D 2px !important;
}


/* Estilos para imágenes responsivas */
.mobile-img {
    display: none;
    /* Ocultas por defecto */
}

/* Para escritorios */
@media screen and (min-width: 1280px) {
    /* Mantener la configuración por defecto */
}


/* Para tabletas más pequeñas */
@media screen and (min-width: 600px) and (max-width: 1200px) {

    /* Banner verificación encuestadores */
    .banner-verificacion-encuestadores {
        grid-column: span 6;
        /* 6 columnas en tablets medianas */
    }

    .banner-verificacion-encuestadores .banner-titulo {
        font-size: var(--fuente4_tablet);
    }

    .banner-verificacion-encuestadores .banner-cuerpotexto {
        font-size: var(--fuente0_tablet);
    }

    .banner-verificacion-encuestadores .people-image {
        max-width: 120%;
    }

    /* Botón Ley 2335 */
    .banner-ley-2335 {
        grid-column: span 6;
        /* 6 columnas en tablets medianas */
    }

    .banner-ley-2335 .banner-titulo {
        font-size: var(--fuente4_tablet);
    }

    .banner-ley-2335 .banner-cuerpotexto {
        font-size: var(--fuente0_tablet);
    }

    /* Botón NARP */
    .banner-narp {
        grid-column: span 6;
        /* 6 columnas en tablets medianas */
    }

    .banner-narp .banner-titulo {
        font-size: var(--fuente4_tablet);
    }

    .banner-narp .banner-cuerpotexto {
        font-size: var(--fuente0_tablet);
    }

    /* Banner banco de prestadores de servicios operativos */
    .banner-bpso {
        grid-column: span 6;
        /* 6 columnas en tablets medianas */
    }

    .banner-bpso .banner-titulo {
        font-size: var(--fuente4_tablet);
    }

    .banner-bpso .banner-cuerpotexto {
        font-size: var(--fuente0_tablet);
    }

    .banner-bpso .people-image {
        max-width: 120%;
    }
}

/* Para móviles */
@media screen and (max-width: 600px) {

    /* Banner verificación encuestadores */
    .banner-verificacion-encuestadores {
        grid-column: span 12;
        /* 12 columnas en móviles */
        min-height: 520px;
        /* margin-top: 40px; */
    }

    .banner-verificacion-encuestadores .banner-content {
        padding: 40px 30px;
    }

    .banner-verificacion-encuestadores .banner-titulo {
        font-size: var(--fuente4_mobile);
    }

    .banner-verificacion-encuestadores .banner-cuerpotexto {
        font-size: var(--fuente0_mobile);
    }

    .banner-verificacion-encuestadores .people-image {
        transform: scale(1);
        margin-top: -30px;
        top: 150%;
        width: 70%;
    }

    .banner-verificacion-encuestadores .background-image {
        transform: scale(1.1);
    }

    .banner-verificacion-encuestadores .upper-content {
        margin-top: 30px;
    }

    /* Banner Ley 2335 */
    .banner-ley-2335 {
        grid-column: span 12;
        /* 12 columnas en móviles */
        min-height: 280px;
        /* margin-top: 40px; */
    }

    .banner-ley-2335 .banner-content {
        padding: 40px 30px;
    }

    .banner-ley-2335 .banner-titulo {
        font-size: var(--fuente4_mobile);
    }

    .banner-ley-2335 .banner-cuerpotexto {
        font-size: var(--fuente0_mobile);
    }

    /* Banner NARP */
    .banner-narp {
        grid-column: span 12;
        /* 12 columnas en móviles */
        min-height: 280px;
        margin-top: 40px;
    }

    .banner-narp5 .banner-content {
        padding: 40px 30px;
    }

    .banner-narp .banner-titulo {
        font-size: var(--fuente4_mobile);
    }

    .banner-narp .banner-cuerpotexto {
        font-size: var(--fuente0_mobile);
    }

    /* Mostrar imágenes para móvil */
    .desktop-img {
        display: none !important;
    }

    .mobile-img {
        display: block !important;
    }

    /* Banner bpso */
    .banner-bpso {
        grid-column: span 12;
        /* 12 columnas en móviles */
        min-height: 480px;
        /* margin-top: 40px; */
    }

    .banner-bpso .banner-content {
        padding: 40px 30px;
    }

    .banner-bpso .banner-titulo {
        font-size: var(--fuente4_mobile);
        /* margin-top: 96px; */
    }

    .banner-bpso .banner-cuerpotexto {
        font-size: var(--fuente0_mobile);
    }

    /* .banner-bpso .upper-content {
            justify-content: center;
        } */
    .banner-bpso .people-image {
        transform: scale(1);
        /* margin-top: -125px;
        top: 55%; */
        width: 65%;
    }

    .banner-bpso .background-image {
        transform: scale(1.1);
    }

    .banner-bpso .upper-content {
        margin-top: 30px;
    }
}

/* Para móviles pequeños */
@media screen and (max-width: 480px) {

    /* Banner verificación encuestadores */
    .banner-verificacion-encuestadores {
        max-width: 100%;
        transform: scale(0.85);
        /* top: 20px; */
    }

    .banner-verificacion-encuestadores .banner-content {
        padding: 30px 25px;
    }

    .banner-verificacion-encuestadores .people-image {
        max-width: 100%;
        /*                transform: scale(0.85);*/
        top: 240%;
        padding-top: 32px;
    }

    /* Banner Ley 2335 */
    .banner-ley-2335 {
        max-width: 100%;
        transform: scale(0.85);
        /* top: 20px; */
    }

    .banner-ley-2335 .banner-content {
        padding: 30px 25px;
    }

    /* Banner bpso */
    .banner-bpso {
        max-width: 100%;
        transform: scale(0.85);
        /* top: 20px; */
    }

    .banner-banner-bpso .banner-content {
        padding: 30px 25px;
    }

    .banner-banner-bpso .people-image {
        max-width: 100%;
        /*                transform: scale(0.85);*/
        top: 240%;
        padding-top: 32px;
    }

    .boton,
    .boton-inverido,
    .boton-naranja {
        padding: 10px 20px;
    }
}

/* Mejoras de accesibilidad */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Mejoras de enfoque para accesibilidad con teclado */
a:focus,
button:focus {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}

/* Normas de contraste WCAG 2.1 */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

/* end banners destacados - home dane */
/* Modulo que es el dane */
.content_qdane .row {
    margin-top: 0;
}

.content_qdane .row h4.title_qdane {
    color: #0077A2;
    font-weight: 700;
    font-size: 18px;
}

/* end Modulo que es el dane */

/*Ajustes de contraste al calendario jevents home */
/*(sobreescribe algunos estilos de '/components/com_jevents/views/flat/assets/css/modstyle.css')*/

/*color gris con contraste AA para los días domingo*/
#flatcal_minical .flatcal_sundaylink:link {
    color: #6F6F6F !important;
}

/*oculta celda que no permite visualizar las esquinas inferiores*/
#flatcal_minical .full_cal_link td {
    display: none;
}

/* ajusta el borde redondeado superior para permitir visualización */
#flatcal_minical table.flatcal_main_t {
    border-radius: 13px;
}

/* oculta las flechas de avanzar y retroceder mes */
#flatcal_minical .link_prev,
#flatcal_minical .link_next {
    display: none;
}

/*end Ajuste calendaio jevents Home*/
/* FIN ESTILOS HOME DANE 2025 */

/* 28.) NOTA ACTUALIDAD DANE - CAMBIO DE BASE */
.ficha-cab {
    width: 100%;
    background-color: #FFF;
    padding: 8px 8px;
    margin-right: 3em !important;
    border-radius: 24px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
    min-height: 550px;
}

.ficha-cab h3 {
    min-height: 44px;
    padding: 0 32px;
    line-height: 24px;
}

.ficha-cab p {}

.ficha-cab #boxiconos-rendicion .content img {
    display: inline;
}

#cuentas h2 {
    font-weight: 500 !important;
    font-size: 24px;
    margin: 0 0 24px 0;
}

#cuentas p ul {
    font-size: 16px !important;
    font-weight: 400 !important;
}

#cuentas ul li span {
    color: #bf134e;
}

#cuentas .hr-cuentas {
    margin: 32px 0 96px 0;
}

#cuentas .heading {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #631028;
}

.cards-single {
    width: 100%;
    background-color: #FFF;
    padding: 40px 40px;
    margin-right: 3em;
    border-radius: 8px;
    filter: drop-shadow(0px 12px 36px #e3e3e3);
    margin: 8px 0 24px 0;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.cards-single .numero {
    font-weight: 800 !important;
    font-size: 32px !important;
    color: #ac2a4f;
    min-height: 32px;
}

.cards-single hr {
    width: 44px !important;
    margin: 12px 0 24px 0 !important;
}

.cards-single p {
    min-height: 112px;
}

@media screen and (max-width: 576px) {
    .cards-single p {
        min-height: 24px;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    .cards-single p {
        min-height: 24px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .cards-single p {
        min-height: 24px;
    }
}


/* end 28.NOTA ACTUALIDAD DANE - CAMBIO DE BASE*/

/* 29.) FOOTER-GOBIERNO */
footer p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: initial;
    color: #333333;
}

footer .logo-img {
    float: right;
}

[class^="govco-"]:before,
[class*=" govco-"]:before {
    font-style: normal;
    font-weight: normal;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.govco-network ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* Fuerza 3 columnas iguales */
    gap: 0.5rem;
    /* Espacio entre columnas y filas */
    margin: 0;
    padding: 0;
    list-style: none;
}

.govco-network li {
    margin: 0;
}

.govco-network li a {
    display: flex;
    align-items: baseline;
    align-content: center;
}

@media (max-width: 768px) {
    .govco-network ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .govco-network ul {
        grid-template-columns: 1fr;
    }
}

.redes-sociales:hover {
    color: var(--color-footer-mintic-2);
}

.redes-sociales:before {
    content: "";
    position: relative;
    top: 8px;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    border-radius: 5px;
    background-color: var(--color-footer-mintic-1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    /* o 100% 100%, contain, cover */
}

.redes-sociales:hover::before,
.redes-sociales:focus-visible::before {
    /* accesible con teclado */
    background-color: var(--color-footer-mintic-2);
}

.xred::before {
    background-image: url("../../../images/redes-sociales/x.svg");
}

.facebookred::before {
    background-image: url("../../../images/redes-sociales/facebook-f.svg");
}

.instagramred::before {
    background-image: url("../../../images/redes-sociales/instagram.svg");
}

.youtubered::before {
    background-image: url("../../../images/redes-sociales/youtube.svg");
}

.linkedinred::before {
    background-image: url("../../../images/redes-sociales/linkedin-in.svg");
}

.tiktokred::before {
    background-image: url("../../../images/redes-sociales/tiktok.svg");
}

/*** FUENTE ICONOS ***/

/*** MODAL 1 ***/
.govco-logo-entidad {
    height: 64px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/Entidad.svg);
}

.govco-co {
    height: 48px;
    margin-top: 24px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo-colombia.svg);
}

.govco-separator {
    border-left: 1px solid #e5eefb;
    opacity: 1px;
    height: 44px;
    margin-left: 10px;
    margin-right: 5px;
    display: inline-block;
}

.govco-logo {
    height: 30px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo.svg);
    vertical-align: super;
}

.govco-footer-logo {
    overflow: hidden;
    height: 96px;
    background-color: #3366cc;
    width: 100%;
    margin-top: 20px !important;
}

footer {
    border-top: 100px solid white;
    margin-top: 3rem;
    background-color: var(--color-prinicipal);
}

footer .govco-data-front {
    margin-top: -100px;
    background-color: #fff;
}

.govco-data-front {
    top: 0;
    border: 2px solid #e5eefb;
    border-radius: 10px;
    opacity: 1;
}

.govco-text-header-1 {
    color: #3366cc;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}

.govco-text-header-2 {
    color: #3366cc;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.govco-text-header-3 {
    color: #3366cc;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.govco-logo-container {
    margin-left: 80px !important;
}

footer .nav-item.current.active .nav-link {
    color: var(--color-footer-mintic-2);
}

footer .nav-item .nav-link {
    color: var(--color-footer-mintic-1);
}

.govco-link-modal {
    color: var(--color-footer-mintic-1);
    font-size: 16px;
    margin-right: 30px !important;
    text-decoration: underline;
}

.icon::before {
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(1.5, 1.5);
    margin-right: 10px !important;
    margin-left: 5px !important;
    vertical-align: text-top !important;
    color: #3366cc;
}

.govco-iconContainer {
    display: inline-block !important;
    width: auto !important;
}

.govco-links-container {
    margin-bottom: 50px !important;
}

.govco-footer-text {
    margin-top: 50px;
    margin-left: 80px;
    margin-right: 80px;
}

.govco-texto-sedes,
.govco-network {
    padding: unset !important;
}

.govco-network,
.govco-listado-sedes {
    margin-top: 10px !important;
}

.govco-sedes {
    margin-top: 20px !important;
}

.govco-logo-div-a {
    text-align: center !important;
}

.govco-links-directorio {
    margin-top: 20px !important;
}

.govco-link-container {
    display: inline-block;
    width: auto !important;
}

.govco-mostrar {
    display: none !important;
}

.govco-nombre-entidad {
    margin-bottom: 0px !important;
}

@media (max-width: 991px) {
    .govco-sedes {
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 5px !important;
    }

    .govco-sede-info {
        margin-left: 0 !important;
    }

    .govco-logo-entidad {
        height: 65px;
    }

    .govco-footer-text {
        margin: 0 !important;
        margin-top: 50px !important;
    }

    .govco-nombre-entidad {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .govco-logo-div-a {
        margin-left: 0 !important;
    }

    .govco-texto-sedes,
    .govco-links-directorio,
    .govco-listado-sedes,
    .govco-links-container {
        margin-left: 15px !important;
        margin-top: 20px !important;
    }

    .govco-texto-sedes,
    .govco-network {
        padding: unset !important;
    }

    .govco-iconContainer {
        margin-top: 0.625rem;
        display: block !important;
        width: 100% !important;
    }

    .govco-network {
        margin-left: 15px !important;
        margin-top: 10px !important;
    }

    .govco-text-header-3 {
        margin-top: 20px !important;
    }

    .govco-link-container {
        display: block !important;
        width: 100% !important;
    }

    .govco-mostrar {
        display: unset !important;
    }

    .govco-logo-container {
        text-align: center !important;
        margin-left: unset !important;
    }

    .govco-texto-sedes {
        padding-right: 20px !important;
    }
}

.nav.navbar-nav {
    flex-direction: row;
}

footer .navbar {
    padding: 0;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    list-style-type: none !important;
}

@media (min-width: 0px) and (max-width: 1199.97px) {
    footer .govco-logo-div-a img {
        float: none !important;
    }
}

.contenedor_general,
.content_header .contenedor_general {
    width: var(--contenedor-general);
    margin: 0 auto;
}

.govco-footer .nav li a {
    color: var(--color-footer-mintic-1);
    font-size: 16px;
    text-decoration: underline;
    padding: 10px 40px 10px 0;
}

.govco-footer .nav li a:hover {
    background-color: transparent;
}

.govco-footer .custom address p a {
    text-decoration: underline;
}

/* end 29. FOOTER -GOBIERNO*/

/*  30.) CUENTAS NACIONALES -HOME2025- */

#cuentas-nacionales h1 {
    font-size: 40px;
}

#cuentas-nacionales h2 {
    font-size: 32px;
    color: var(--color-principal);
    line-height: 100%;
}

#cuentas-nacionales h3 {
    font-size: 28px;
    color: #3C3C3C;
    line-height: 100%;
}

#cuentas-nacionales h4 {
    font-size: 24px !important;
    color: var(--color-principal);
    line-height: 100% !important;
}

#cuentas-nacionales.tema-general p {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 28px;
    color: #333333;
}

#cuentas-nacionales .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/boletines/pib/imagenes/fondo-banner-2025.png);
    padding: 30px 65px;
}

#cuentas-nacionales .banner-tematica .back-bn .banner-txt {
    padding-top: 163px;
}

#cuentas-nacionales .banner-tematica .banner-footer {
    display: flex;
    flex-direction: column;
    background-color: #F6F6F6;
    padding: 16px 24px;
}

#cuentas-nacionales .hr-temas hr {
    border-color: #E85984;
}

#cuentas-nacionales .menu-lateral h2,
#cuentas-nacionales .menu-lateral h3 {
    margin-left: 30px;
}

#cuentas-nacionales nav.menu-lateral ul {
    border: none;
    border-radius: 10px;
    box-shadow: 2px 4px 10px #CCC;
}

#cuentas-nacionales nav.menu-lateral ul li {
    border: none;
    padding: 0.4em 1.3em 0 1.3em;
}

#cuentas-nacionales nav.menu-lateral ul li a {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #E3E3E3;
    display: block;
    padding-bottom: 1em;
    line-height: 1.3em;
}

#cuentas-nacionales nav.menu-lateral ul li:last-child a {
    border-bottom: 0px;
}

#cuentas-nacionales nav.menu-lateral ul li a::after {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_DSCN-on.svg) no-repeat;
    margin: 0;
}

/* tabs */
#cuentas-nacionales.tema-general .nav-link {
    background-color: #E5E5E5 !important;
}

#cuentas-nacionales .info-tecnica_tabs .nav-tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    text-align: center;
}

#cuentas-nacionales .info-tecnica_tabs .nav-tabs>li {
    width: 100%;
}

#cuentas-nacionales .info-tecnica_tabs .nav-tabs>li>a {
    line-height: 2;
    padding: 0.5em 2rem;
}

#cuentas-nacionales .info-tecnica_tabs .nav-tabs>li.active>a {
    background-color: #7D0641 !important;
    color: #fff !important;
}

#cuentas-nacionales .info-tecnica_tabs .nav-tabs>li.active>a:hover {
    background-color: #7D0641 !important;
}

#cuentas-nacionales .info-tecnica_tabs ul li a {
    color: #7D0641 !important;
    font-size: 18px;
}

#cuentas-nacionales .info-tecnica_tabs ul li a:hover {
    opacity: 0.8;
    transition: 0.2s all ease;
}

#cuentas-nacionales .info-tecnica_tabs .tab-content {
    background-color: #FAFAFA !important;
    padding: 0 3.2rem;
}

#cuentas-nacionales .info-tecnica_tabs .tab-content .tab-pane {
    padding: 0;
}

#cuentas-nacionales .info-tecnica_tabs .tab-content .tab-pane .box_linea_tiempo .row {
    display: flex;
    justify-content: center;
}

#cuentas-nacionales.tema-general .indice-temas,
#cuentas-nacionales.tema-general .indice-temas ul {
    margin-top: 0;
}

#cuentas-nacionales.tema-general .indice-temas ul li {
    display: block;
}

#cuentas-nacionales.tema-general .indice-temas ul li a {
    color: #486995 !important;
    font-size: 16px;
    font-weight: 700;
}

#cuentas-nacionales.tema-general .indice-temas ul li a:before {
    color: var(--color-principal);
}

@media (max-width: 991.98px) {
    #cuentas-nacionales .info-tecnica_tabs .nav-tabs {
        flex-direction: column;
    }
}

/*tabla*/
#cuentas-nacionales.tema-general .tabla-docs-tema thead.header-1 {
    background-color: #7B0E38;
    font-size: 1.6rem !important;
    height: 50px;
}

#cuentas-nacionales.tema-general .tabla-docs-tema td,
#cuentas-nacionales.tema-general .tabla-docs-tema td a {}

.tema-general .tabla-azul td.celda-tabla_docs a:hover::before {
    background: url(../../../files/investigaciones/boletines/pib/imagenes/icon-blue-download_on.svg) no-repeat;
}

.tema-general .tabla-azul.tabla-docs-tema td a {
    color: #486995;
}

.tema-general .tabla-azul.tabla-docs-tema td a:hover {
    color: #003366;
}

/*  FIN CUENTAS NACIONALES -HOME2025- */

/* 31.) SECCION NORMATIVIDAD */
.normatividad .wideLink .d-flex img {
    margin: 0;
    width: 16px;
}

.normatividad a:hover {
    /* text-decoration: none; */
}

.normatividad a:link {
    cursor: pointer;
    color: #0077A2;
    font-size: 16px;
    line-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    max-width: 90%;
}

.normatividad a:link:hover {
    text-decoration: underline;
    color: rgb(182, 1, 76);
}

.normatividad a:link:focus-visible {
    outline: 3px solid #3366cc;
    outline-offset: -4px;
}

.normatividad ul.wideLink {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.normatividad .side-boxes-cta {
    background-color: #f4f4f4;
    padding: 20px;
    margin: 0 0 8px 0;
    transition: all 0.2s ease;
}

.normatividad .side-boxes-cta:hover {
    transform: translateY(-2px);
}

.normatividad .side-boxes-cta .bullets-img {
    margin: 0 6px 0 0;
    width: 16px;
}

.normatividad .wideLink p .texto-complementario {
    font-size: 14px;
    margin-left: 22px;
}

.normatividad .wideLink tr td img {
    margin: 8px 6px 0 0;
    width: 16px;
}

.normatividad .agenda-normativa table {
    width: 100%;
}

.agenda-normativa table p {
    text-align: left;
}

.agenda-normativa table td {
    padding-right: 30px;
    padding-left: 30px;
    border-color: #cfcfcf;
    text-align: center;
}

.agenda-normativa table.wideLink {
    width: 100%;
    background-color: #ffffff;
}

.agenda-normativa table.wideLink td {
    border-color: #cfcfcf;
    background-color: #f9f9f9;
    vertical-align: middle;
}

.agenda-normativa table.wideLink .th1 {
    text-align: center !important;
    border: #cfcfcf 1px solid !important;
    background-color: #e9e9e9;
}

.agenda-normativa table.wideLink .th2 {
    border: #cfcfcf 1px solid !important;
    background-color: #e9e9e9;
    padding-left: 20px;
    border: none;
}

.agenda-normativa table.wideLink .col1 {
    width: 15%;
}

.agenda-normativa table.wideLink .col2 {
    width: 85%;
    background-color: #fff;
    transition: all 0.2s ease;
}

.agenda-normativa table.wideLink .col2:hover {
    background-color: #f4f4f4;
}

.agenda-normativa table.wideLink .col2 p {
    margin: 12px 16px;

}

.agenda-normativa table.wideLink .agenda-normativa-ano {
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
}

.normatividad .side-boxes-cta .logo {
    width: 100%;
}

/* end 31. NORMATIVIDAD*/

/* 32.) SECCION VICHE */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    /* evita saltos de línea */
    border: 0;
}

#cuentas-nacionales .banner-tematica .banner-footer .intro_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-secundario-dane);
}

#cuentas-nacionales .banner-tematica .back-viche {
    background-image: url(../../../files/investigaciones/boletines/viche/background_viche.jpg);
    padding: 30px 65px;
}

#cuentas-nacionales .banner-tematica .back-viche2 {
    background-image: url(../../../files/investigaciones/boletines/viche/background_viche_2.jpg);
    padding: 30px 65px;
}

.viche nav.menu-lateral ul li:last-child a {
    display: flex !important;
    align-items: center;
    gap: 20px;
}

.viche nav.menu-lateral ul li a::after {
    width: 30px;
}

.viche .banner-tematica .inf_viche {
    display: flex;
    gap: 40px;
}

.viche .banner-tematica .inf_viche .column_viche1 {
    width: 70%;
}

.viche .banner-tematica .inf_viche .column_viche2 {
    width: 30%;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .viche .banner-tematica .inf_viche {
        flex-direction: column;
    }

    .viche .banner-tematica .inf_viche .column_viche1 {
        width: 100%;
    }

    .viche .banner-tematica .inf_viche .column_viche2 {
        width: 100%;
    }
}

/* end 32. SECCION VICHE */

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
}