* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --verde-claro: #196844;
    --verde-oscuro: #013a06;
    --blanco: #ffffff;
    --amarillo: #ffd900;
    --gris-claro: #eaeaea;
    --gris-nota: #f9f9f9;
    --gris-borde: #cecece;
    --gris-oscuro: #333333;
    --gris-contacto: #535353;
    --naranjado: #faa732;
    --azul-gov: #3366cc;
    --bs-font-primary: 'Roboto', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--bs-font-primary);
    line-height: 24px;
    color: var(--gris-oscuro);
    background-color: var(--blanco);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 9px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
    text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}

h1,
h2,
h3 {
    line-height: 28px;
}

h1 {
    font-size: 27px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 12px;
}

h1 small {
    font-size: 22.75px;
}

h2 small {
    font-size: 16.25px;
}

h3 small {
    font-size: 13px;
}

h4 small {
    font-size: 13px;
}

img,
figure {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
}

figcaption {
    margin-bottom: 12px;
    padding-left: 12px;
    display: block;
    font-size: 14px;
    color: var(--gris-contacto);
}

.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: var(--gris-nota);
    border: 1px solid var(--gris-claro);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

/* Buscador primo */
.info-especial {
    background-color: var(--gris-claro);
}

.buscador-primo {
    border-radius: 4px;
    padding: 20px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

.buscador-primo form {
    margin: 0;
}

.search-container {
    position: relative;
    border: 1px solid var(--gris-borde);
    -webkit-appearance: none;
    border-radius: 3px;
    padding: 0;
    height: 50px;
    max-width: 940px;
}

.search-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    cursor: pointer;
}

.campo-busqueda {
    height: 100%;
    overflow: hidden;
}

.campo-busqueda input {
    width: 100%;
    height: 50px;
    font-size: 20px;
    border: none;
    outline: none;
    padding: 0px 0px 0px 20px;
}

#magnifying-glass {
    transform: scale(-1, 1);
    fill: var(--naranjado);
}

@media (max-width:480px) {
    .buscador-primo {
        width: auto;
    }
}

@media (max-width: 940px) {
    .buscador-primo {
        width: auto;
    }
}

/* Encabezado */

.headerlogo {
    padding: 10px 20px;
    background-color: var(--verde-oscuro);
}

.logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-container img {
    width: 300px;
    height: auto;
}

@media (max-width: 640px) {
    .logo-container {
        display: block;
        text-align: center;
    }

    .logo-container img {
        width: 70%;
        height: auto;
    }

    .logo-container a {
        margin: 0 auto;
    }
}

.buscar form {
    margin: 0;
}

/*Ventana modal*/
.hideme {
    opacity: 0;
}

.modal-poli {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
    z-index: 4900;
}

.contenido-poli {
    margin: auto;
    top: 50%;
    width: 70%;
}

#btn-cerrar {
    z-index: 6000;
}

#cerrar {
    display: none;
}

#cerrar+label {
    position: fixed;
    color: var(--blanco);
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    z-index: 5000;
    height: 40px;
    width: 50px;
    line-height: 40px;
    border-radius: 10%;
    right: 150px;
    cursor: pointer;
    animation: modal 1s 1s forwards;
    visibility: hidden;
    opacity: 0;
    padding: 0px 5px;
}

.equis {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
}

#cerrar:checked+label,
#cerrar:checked~.modal {
    display: none;
}

@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1;
    }
}

/* Contenido */
.contenido {
    padding: 40px 0px;
    margin: 0px 20px;
}

.item-image {
    margin-bottom: 16px;
}

.linea-15 {
    border-bottom: 3px solid var(--gris-borde);
    width: 15%;
    height: 3px;
    margin-bottom: 24px;
}

.noticias h2 {
    margin-bottom: 56px;
}

.academicas h4 {
    padding-bottom: 24px;
}

.newsflash-title {
    padding-bottom: 16px;
}

/* Transmisones en directo*/
.directo {
    background-image: url('https://www.politecnicojic.edu.co/images/downloads/directo/bg-directo.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--gris-claro);
}

.directo-contenido {
    padding: 40px 0;
}

.directo-texto {
    padding: 0 20px;
}

/* barra gov.co*/

.gov {
    background-color: var(--verde-claro);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0px 20px;
}

.gov img {
    width: 100px;
}

/* transparencia */

.transparencia {
    padding: 8px;
}

.transparencia ul {
    margin: 0;
}

.nav-ley {
    font-size: 14px;
}

.nav-ley li {
    display: inline;
    list-style: none;
}

.nav-ley li a {
    color: var(--blanco);
    text-decoration: none;
    padding: 8px 12px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 14px;
}

.nav-ley li a:hover {
    background-color: var(--gris-claro);
    color: var(--verde-oscuro);
    border-radius: 5px;
}

.nav-ley > .active > a, .nav-ley > .active > a:hover, .nav-ley > .active > a:focus {
  color: var(--blanco);
  background-color: var(--verde-oscuro);
}

/*.transparencia {
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: var(--verde-claro);
    overflow-y: hidden;
    transition: 0.4s;
    padding: 1rem 0;
    box-sizing: border-box;
    z-index: 5000;
}

.transparencia .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 2.1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
}

.transparencia ul,
.transparencia li {
    margin: 0;
    padding: 0;
    list-style: none inside;
    line-height: 30px !important;
}

.transparencia ul {
    margin: 2rem auto;
    display: block;
    width: 80%;
    min-width: 200px;
}

.transparencia ul a:hover {
    color: var(--gris-oscuro);
}

.transparencia a {
    display: block;
    font-size: 1rem;
    color: var(--gris-claro);
    text-decoration: none;
}

.transparencia a:hover {
    color: var(--gris-oscuro);
}

#contenido {
    transition: margin-left .4s;
    padding: 0.2rem;
}

.abrir-cerrar {
    color: var(--blanco);
    font-size: 0.875rem;
}

.abrir-cerrar:hover {
    color: var(--blanco);
    font-size: 0.875rem;
}

#cerrar {
    display: none;
}

.men {
    margin: 0.7rem;
    color: var(--blanco);
    font-size: 0.8rem;
    line-height: 1rem;
}*/

/* ************* */

blockquote p {
    line-height: 25px;
}

a:active,
a:active * {
    outline: none !important;
    outline-style: none;
    -moz-outline-style: none !important;
}

a:focus,
a:focus * {
    outline: none !important;
    outline-style: none;
    -moz-outline-style: none !important;
}

/* Menu horizontal */

.navbar .btn-navbar {
    padding: 8px 10px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    color: var(--gris-oscuro);
    background-color: var(--gris-claro);
}

.navigation .navbar {
    margin-bottom: 0px;
}

.navigation .nav-pills {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.navigation .perfiles li {
    font-size: 14px;
}

.carousel-control {
    top: 90% !important;
    background: var(--verde-claro);
}

/* espacio en blanco */
.espacio25 {
    margin-bottom: 25px;
}

.espacio50 {
    margin-bottom: 50px;
}

.espacio100 {
    margin-bottom: 100px;
}

/* margenes arriba */
.m-top-20 {
    margin-top: 20px;
}

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

.m-top-40 {
    margin-top: 40px;
}

/* tamaños imagenes */
.imgi {
    margin: 0px 10px 0px 0px;
    width: 200px;
    float: left;
}

.imgi32 {
    margin: 0px 10px 0px 0px;
    width: 32px;
    float: left;
}

.imgi150 {
    margin: 0px 10px 0px 0px;
    width: 150px;
    float: left;
}

.imgi200 {
    margin: 0px 10px 0px 0px;
    width: 200px;
    float: left;
}

.imgi250 {
    margin: 0px 10px 0px 0px;
    width: 250px;
    float: left;
}

.imgi300 {
    margin: 0px 10px 0px 0px;
    width: 300px;
    float: left;
}

.imgi400 {
    margin: 0px 10px 0px 0px;
    width: 400px;
    float: left;
}

.imgi500 {
    margin: 0px 10px 0px 0px;
    width: 500px;
    float: left;
}

.imgd {
    margin: 0px 0px 0px 10px;
    width: 200px;
    float: right;
}

.imgd150 {
    margin: 0px 0px 0px 10px;
    width: 150px;
    float: right;
}

.imgd200 {
    margin: 0px 0px 0px 10px;
    width: 200px;
    float: right;
}

.imgd250 {
    margin: 0px 0px 0px 10px;
    width: 250px;
    float: right;
}

.imgd300 {
    margin: 0px 0px 0px 10px;
    width: 300px;
    float: right;
}

.imgd400 {
    margin: 0px 0px 0px 10px;
    width: 400px;
    float: right;
}

.imgd500 {
    margin: 0px 0px 0px 10px;
    width: 500px;
    float: right;
}

.imgc50 {
    margin: 0 auto;
    display: block;
    width: 50px;
}

.imgc100 {
    margin: 0 auto;
    display: block;
    width: 100px;
}

.imgc150 {
    margin: 0 auto;
    display: block;
    width: 150px;
}

.imgc200 {
    margin: 0 auto;
    display: block;
    width: 200px;
}

.imgc250 {
    margin: 0 auto;
    display: block;
    width: 250px;
}

.imgc300 {
    margin: 0 auto;
    display: block;
    width: 300px;
}

.imgc400 {
    margin: 0 auto;
    display: block;
    width: 400px;
}

.imgc450 {
    margin: 0 auto;
    display: block;
    width: 450px;
}

.imgc500 {
    margin: 0 auto;
    display: block;
    width: 500px;
}

.imgc600 {
    margin: 0 auto;
    display: block;
    width: 600px;
}

.imgc800 {
    margin: 0 auto;
    display: block;
    width: 800px;
}

.imgc1000 {
    margin: 0 auto;
    display: block;
    width: 1000px;
}

.imgmodal {
    margin: 0 auto;
    display: block;
    width: 90%;
}

/** de gris a color **/

.img-hover img {
    -webkit-transition: all .3s ease;
    /* Safari and Chrome */
    -moz-transition: all .3s ease;
    /* Firefox */
    -o-transition: all .3s ease;
    /* IE 9 */
    -ms-transition: all .3s ease;
    /* Opera */
    transition: all .3s ease;
}

.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.20);
    /* Safari and Chrome */
    -moz-transform: scale(1.20);
    /* Firefox */
    -ms-transform: scale(1.20);
    /* IE 9 */
    -o-transform: translatZ(0) scale(1.20);
    /* Opera */
    transform: translatZ(0) scale(1.20);
}

.grayscale {
    -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
    -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
    filter: brightness(1.10) grayscale(100%);
}

/* Redes Sociales */

.redes {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    padding-bottom: 5px;
    z-index: 1031;
}

.redes a img {
    padding: 10px;
    display: block;
    width: 34px;
    transition: all 0.5s ease-in-out;
}

.redes a:hover img {
    filter: invert(50%);
}

/* Fin Redes Sociales */


/* Menu Perfiles */
.perfil {
    padding: 5px 0px;
    margin: 0px;
    border-top: 2px solid rgba(0, 0, 0, 0.075);
    border-bottom: 2px solid rgba(0, 0, 0, 0.075);
    background-color: var(--blanco);
    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.perfild {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    list-style: none;
}

.perfild li {
    padding: 0px 8px;
    margin: 0px 8px;
}

.perfild li a {
    text-decoration: none;
}

.per {
    overflow: visible;
    margin: 8px 16px;
}

.per a {
    text-decoration: none;
    cursor: pointer;
}

/*** Menu Principal ***/

/*****************/

.m-s-enlace {
    display: block;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    color: var(--verde-claro);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.502);
    text-transform: none;
}

/******************/

.borde-titulo {
    padding-top: 12px;
    /*border-top: 1px solid rgba(0,0,0,0.075);*/
    border-bottom: 5px solid rgba(0, 0, 0, 0.075);
    background-color: rgba(0, 0, 0, 0.050);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.result-title {
    padding-top: 10px;
    font-size: 22px;
    line-height: normal;
}

.result-created {
    text-align: right;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold;
}

.category-module li {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}

.btn-danger h3 a {
    color: #fff;
}

.btn-success h3 a {
    color: #fff;
}

/****   videos   ****/

.content-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.content-iframe-chat {
    position: relative;
    /*padding-bottom: 56.25%;*/

    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.content-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* menu internos*/
.nav-vertical {
    padding: 16px;
    border-left: 1px solid var(--gris-claro);
    text-decoration: none;
    list-style: none;
    margin-left: 0;
}

ul.nav-vertical li {
    padding: 6px 2px 6px 2px;
    border-bottom: 1px solid var(--gris-claro);
}

ul.nav-vertical li:hover {
    text-decoration: none;
    background-color: var(--gris-nota);
}

ul.nav-vertical li.current {
    padding: 6px 2px 6px 16px;
    background-color: var(--gris-nota);
}

ul.nav-vertical li.visited {
    padding: 6px 2px 6px 16px;
    background-color: var(--gris-nota);
}

/* franja contacto */
.bg-contacto {
    background-color: var(--gris-contacto);
    color: var(--blanco);
}

.bg-contacto .contacto {
    padding: 20px;
}

/* Uso Frecuente */

.caja-herramientas {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--verde-claro);
}

.herramientas {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
    justify-items: center;
    padding: 20px 0px;
}

.herramienta {
    width: 150px;
    height: 150px;
    padding: 20px;
    border-radius: 25px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 1.2s;
}

.herramienta:hover {
    background-color: var(--verde-oscuro);
}

.herramienta img {
    width: 70px;
    margin: 0;
    z-index: 1;
}

.herramienta a {
    text-decoration: none;
    color: var(--blanco);
    font-weight: 500;
    transition: 0.5s;
    margin: 0;
}

.herramienta a:hover {
    text-decoration: none;
    color: var(--blanco);
    margin: 0;
}

.herramienta a:visited {
    text-decoration: none;
    color: var(--gris-borde);
    margin: 0;
}

/* footer */

footer {
    font-size: 12px;
    margin: 0;
    padding: 40px 0;
    color: var(--blanco);
    background-color: var(--gris-contacto);
}

footer h4 {
    font-size: 16px;
}

footer a {
    color: var(--blanco);
    text-decoration: none;
}

footer a:hover {
    color: var(--amarillo);
}

footer p {
    margin: 0;
}

.caja-footer {
    max-width: 1200px;
    margin: 0 auto;
    background-color: var(--gris-contacto);
    border-radius: 25px;
    padding: 20px;
}

.direcciones {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 0px;
}

.datos {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 10px;
}

.dato {
    margin: 0 0px 20px 0px;
}

.normas-footer {
    text-align: center;
}

.enlace-normativo {
    font-size: 14px;
    margin: 8px;
}

.dato img {
    width: 200px;
    display: block;
    margin: 20px 0;
}

.dato ul {
    list-style: none;
    margin: 0 0 0 5px;
}

.dato ul li {
    line-height: 24px;
    font-size: 12px;
}

/* PQRSD */

.pqrsd {
    background-color: var(--verde-oscuro);
}

/* footer logos*/

.footerlogos {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}

.footerlogos a:link img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /*filter: url(filter.svg#gris);*/
    filter: gray;
}

.footerlogos a:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: url(filter.svg#gris);
    filter: none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footerlogo {
    background-color: var(--blanco);
}

.lineafooter {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 40px 0;
}

.lineafooter a {
    text-decoration: none;
}

.footerm {
    margin: 0 auto;
    padding: 10px;
    height: 60px;
}

/* Footer Marca Colombia*/

.marcaco {
    background-color: var(--azul-gov);
    display: block;
    height: 100%;
    padding-bottom: 70px;
    text-align: center;
}

.marcaco img {
    padding: 15px 5px;
    width: 200px;
}

/***************************************/
.bg-primary {
    color: #fff;
    background-color: #337ab7;
    padding: 15px;
}

.bg-success {
    background-color: #dff0d8;
    padding: 15px;
}

.bg-warning {
    background-color: #fcf8e3;
    padding: 15px;
}

.bg-danger {
    background-color: #f2dede;
    padding: 15px;
}

.bg-info {
    background-color: #d9edf7;
    padding: 15px;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

.text-success {
    color: #3c763d;
}

.text-info {
    color: #31708f;
}

.text-warning {
    color: #8a6d3b;
}

.text-danger {
    color: #a94442;
}

/***************************************/

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    /*font-size: 16px;*/
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.label,
.badge {
    font-size: 14px !important;
}

/**********************************************/

/* secciones activas pestañas */
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    background: #196844 !important;
    color: #fff;
    font-weight: bold;
}



/* Media Query para pantallas medianas */
@media screen and (max-width: 1024px) {
    .gov {
        justify-content: center;
        padding: 8px 20px;
    }

    .gov img {
        margin: 0 auto;
        /*padding-bottom: 8px;*/
        display: block;
        width: 100px;
    }

    .herramientas {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Media Query para pantallas medianas */
@media screen and (max-width: 800px) {
    .contenido {
        padding: 10px 0px;
        margin: 0px 20px;
    }

    .gov {
        display: block;
        justify-content: center;
        padding: 8px 20px;
    }

    .gov img {
        margin: 0 auto;
        padding-bottom: 8px;
        display: block;
        width: 100px;
    }
  
    .transparencia .nav-ley {
        font-size: 14px;
        display: flex;
        flex-direction: column;
      	text-align: center;
    }
  
  .nav-ley li a{
    line-height: 40px;
  }

    .herramientas {
        grid-template-columns: repeat(3, 1fr);
    }

    .direcciones {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 20px;
    }

    /* pqrsd */

    .pqrsd {
        width: 100%;
        overflow: hidden;
    }

    .pqrsd img {
        display: block;
        margin-bottom: 10%;
        transform: translate(0%, 50%) scale(2);
    }
}

/* Media Query para dispositivos móviles */
@media screen and (max-width: 600px) {
    .contenido {
        padding: 10px 0px;
        margin: 0px 20px;
    }

    .gov {
        display: block;
        justify-content: center;
        padding: 8px 20px;
    }

    .gov img {
        margin: 0 auto;
        padding-bottom: 8px;
        display: block;
        width: 100px;
    }

    .djslider-loader-default {
        display: none;
        visibility: hidden;
    }

    .item-title {
        padding-top: 0px;
    }

    .transparencia .nav-ley {
        font-size: 14px;
        display: flex;
        flex-direction: column;
      	text-align: center;
    }
  
  .nav-ley li a{
    line-height: 40px;
  }
  
    .perfild {
        height: 100vh;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .nav-pills {
        font-size: 14px;
        flex-direction: column;
    }

    li p,
    td p {
        line-height: 28px;
    }

    .herramientas {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5px;
    }

    .herramienta {
        width: 90px;
        height: 90px;
        padding: 12px;
    }

    .herramienta img {
        width: 60px;
    }

    .herramienta a {
        line-height: 16px;
        font-size: 14px;
        font-weight: 500;
    }

    .caja-footer {
        padding: 0;
    }

    .datos {
        margin: 0 10px;
    }

    .direcciones {
        grid-template-columns: repeat(2, 1fr);
    }

    /* pqrsd */

    .pqrsd {
        width: 100%;
        overflow: hidden;
    }

    .pqrsd img {
        display: block;
        margin-bottom: 15%;
        transform: translate(0%, 70%) scale(2.5);
    }
}