body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom: 3em;
    background-image: url(//media.utp.edu.co/img/optimized/background.png);
    font-size: 12px;
}
.row {
    margin: 0;
}
ul.menu_principal {
    margin-left: 0; 
}
.subItems {
    margin-left: 14px;
}

.franja-titulo-p{
    margin: 0 0 1px 0;
}
.franja-titulo-p a:hover {
    text-decoration: underline !important;
}
.franja-titulo {
    padding: 5px 5px 5px 10px;
    margin-top: 0px;
    width: 100% !important; 
    text-align: center;
}
.franja-titulo > a {
    color:white !important;
}
.franja-titulo > a:hover {
    text-decoration: underline !important;
}
.container-img {
/*    position: relative;*/
    width: 100%;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle a {
    margin: 1px 0 0 0;
}
.middle-up {
    padding: 1px 1px 1px 0;
}
.middle-down {
    padding: 1px 0 1px 0px;
}
.cuadroPregrados {
    margin-bottom: 30px;
}
.botonpdf1 {
    padding: 0 1px 0 0;
}
.botonpdf2 {
    padding: 0;
}
.container-img:hover .image {
  opacity: 0.6;
}
.container-img:hover .middle {
  opacity: 1;
}
.container-img:hover .middle-up {
    opacity: 1;
}
.container-img:hover .middle-down {
    opacity: 1;
}
.azul-institucional {
  background-color: #143E69;
}
.enlace-boton {
    font-size: 12px;
    color:white !important;
    border-radius: 0;
    padding: 2px 0 2px 0;
}
/*Maestría en Comunicación Educativa*/
@font-face {
    font-family: 'Myriad Pro Cond';
  src: url('../fonts/myriad-pro.eot');
  src: url('../fonts/myriad-pro.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad-pro.woff') format('woff'), url('../fonts/myriad-pro.ttf') format('truetype'), url('../fonts/myriad-pro.svg#Impact') format('svg');
}
@font-face {
    font-family: 'Myriad Pro Cond It';
  src: url('../fonts/myriad-pro-CondIT.eot');
  src: url('../fonts/myriad-pro-CondIT.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad-pro-CondIT.woff') format('woff'), url('../fonts/myriad-pro-CondIT.ttf') format('truetype'), url('../fonts/myriad-pro-CondIT.svg#Impact') format('svg');
}
.cabecera {
    background-image: none;
    background-repeat: no-repeat;
    height: auto;
}
.container_principal {
     /* padding-right: 10px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    width: 100%;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
}
.row_cabecera {
    background-color: #073529;
    height: 7.857em;
    /* margin-top: -477px; */
    max-width: 100%;
    width: 1280px;
    position: absolute;
    z-index: 1;
}
.row_cabecera > .container {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bandera {
    margin-left: -13px;
}
.bandera-mediano {
    margin-left: -30px;
}
.menu_lateral_inicio {
    padding-left: 15px;
}
ul.menu_principal {
    font-size: 0.929em;
    line-height: 2em;
    /* margin-top: 3.321em; */
    text-align: center;
}
ul.menu_principal li a {
    color: #FFFFFF;
    font-size: 12px;
}
ul.menu_principal li:after {
    color: #FFFFFF;
}
.primer-menu {
    margin-left: 5px;
    left: 15%;
}
ul.menu_navegacion a {
    color: #fff;
}
ul.menu_navegacion {
    font-size: 12px;
    left: 40px;
}
.buscador {
    margin-top: -31px;
}
/* .itemMenu {
    margin-top: -34px;
} */
.ribbon {
    background-image: none;
    background-color: #073529;
    background-position: center center;
    background-repeat: no-repeat;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -34px;
    max-width: 95%;
    position: relative;
}
.ribbon:after,.ribbon:before {
    background-repeat: no-repeat;
    background-image: url(../img/before.png);
    content: " ";
    display: block;
    height: 84px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 33px;
    z-index: 0;
    margin-right: -32px;
    margin-left: -32px;
}
.ribbon:after {
    background-repeat: no-repeat;
    background-image: url(../img/after.png);
    right: 0;
    left: auto;
}
.wrapper {
    max-width: 1024px;
    width: 100%;
    margin: auto;
}
.navegacion {
    width: 95%;
    position: absolute;
    left: 25px;
}
/* .menu-top-des {
    margin-top: 0px;
} */
/* .navegacion {
    height: 0em;
} */
/*Articulo*/
.articulo-inicio {
    padding: 0px 1em 0px 1em;
}
.articulo .titulo {
    background-color: #FFFFFF;
    padding: 0em 0em;
}
.articulo .titulo h2 {
    color: #6E6C6D;
    background-color: #D8D9DB;
    font-size: 1.1em;
    margin: 0.429em 0em;
    padding: 0.3em 1em;
    font-weight: normal;
}
.noticia-articulo h3 {
    color: #FFFFFF;
    background-color: #003e69;
    font-size: 1.1em;
    margin: 0em -1em;
    padding: 0.3em 1em;
    font-weight: normal;
}
.noticia-articulo h3 > a {
    color: #FFFFFF;
}
.articulo .titulo a {
    color: #004463;
}
.noticia-articulo .ultima_actualizacion {
    padding-left: 0em;
}
.titulo-inicio h2 {
    color: #FFFFFF;
    background-color: #701035;
    font-size: 1.1em;
    margin: 0.429em 0em;
    padding: 0.3em 1em;
    font-weight: normal;
}
.titulo h3 {
    color: #FFFFFF;
    background-color: #FFFFFF;
    font-size: 1.1em;
    padding: 0em 0em 0.7em 0em;
    font-weight: normal;
    margin: 0em 0em 0em 0em;
}
.titulo-inicio h2 > a {
    color: #FFFFFF;
}
.titulo-inicio h2 > a:visited {
    color: #FFFFFF;
}
.nav.menu-superior .open>a, .nav.menu-superior .open>a:hover, .nav.menu-superior .open>a:focus {
    background-color: transparent;
    border-color: #428bca;
    display: inline-block;
}
.nav.menu-superior>li>a:hover, .nav.menu-superior>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.navicon {
    cursor: pointer;
    float: left;
}
.navicon-line {
    display: block;
    width: 22px;
    height: 4px;
    border-radius: 1px;
    margin-bottom: 3px;
    background-color: #FFFFFF;
}
.navicon:hover > .navicon-line {
    background-color: #D6CFCF;
}
.nabvar .sb-toggle-right {
    width: 58px;
    float: right;
    padding: 14px;
}
.navbar-right {
    margin-right: -7px;
}
.menu-superior .divider {
    height: 1.143em;
    margin: 9px 5px;
    border-right: 0.1em solid #ffffff;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.menu-superior {
    margin-top: -0.3em;
}
.menu-superior a {
    padding: 0.5em !important;
    font-size: 12px;
}
.open>.dropdown-menu {
    display: block;
    font-size: 12px;
    border-radius: 5px;
}
.open>.dropdown-menu {
    widows: 100%;
    margin: 0;
}
.menu-superior > li > a {
    color: #ffffff !important;
}
.nav>li>a {
    position: relative;
    display: block;
}
.menu-superior a {
    padding: 0.5em !important;
    font-size: 12px;
}
.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
}
ul.menu_navegacion li:before {
    content: none;
}
ul.menu_navegacion li:last-child:after {
    content: none;
}
.divider {
    height: 1.143em;
    border-right: 0.1em solid #ffffff;
}
ul.menu_navegacion li {
    font-weight: bold;
}
.list-inline .caret {
    margin: 0px -10px 0px 5px;
    border-top-color: #FEFEFE;
    border-bottom-color: #FEFEFE
}

.list-inline .open .caret {
    border-top-color: #0c3054;
    border-bottom-color: #0c3054;
}
.dropdown-menu {
    padding: 7px 7px 7px 0px;
}
.noticia-articulo {
    margin: 0em 0em 0em 0em;
}
.noticia-contenido .leer-mas {
    color: #3BB4EB;
}
.redes-sociales {
    text-align: right;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 0px;
}
.navbar-utp .titulo_pagina {
    color: #FFFFFF;
    font-family: 'Myriad Pro Cond';
    text-align: center;
    font-size: 2.143em;
}
.navbar-utp {
    background-color: #003f6a;
    margin-left: auto;
    margin-right: auto;
    height: 7.857em;
    z-index: 1;
}
.navbar-utp > div {
    width: 20%;
    float: left;
    margin: 0 1% 0 auto;
}
.navbar-utp > div.escudo-container {
    float: right;
}
.navbar-utp > div.navicon-container {
    width: 10%;
}
.marca {
    margin-top: 5px;
    width: 125px;
}
.escudo-min {
    margin-top: 10px;
}
.imagen-articulo {
    padding: 0px 8px 0px 15px;
}
.resumen-con-imagen {
    padding-left: 0px
}
/*Carousel*/
.carousel.carousel-banner,
.carousel-banner .carousel-inner > .item,
.carousel-banner .carousel-inner > .item > img {
    height: 367px;
    width: 100%;
    max-width: 1280px;
}
.carousel-banner {
    box-shadow: none;
}
.carousel .item-noticia {
    background-color: #D9DADC;
    height: 245px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 50%;
}
.carousel.carousel-inicio,
.carousel-inicio .carousel-inner > .item,
.carousel-inicio .carousel-inner > .item > img {
    height: 225px;
    padding-bottom: 10px;
}
.carousel-inicio {
    box-shadow: none;
}
.carousel-banner .carousel-indicators {
    margin-bottom: 30px;
}
.carousel-inicio .carousel-indicators {
    margin-bottom: -39px;
}
.carousel-inicio .carousel-indicators .active {
    background-color: #716363;
}
.carousel-inicio .carousel-indicators li {
    border: 1px solid #7B6D6D;
}
.equipo-administrativo {
    font-family: 'Glyphicons Halflings';
}
.articulo-carousel {
    background-color: black;
}
a:focus {
    outline: 0px;
}
.contenido-carousel-img {
    padding: 15px 0px 13px 35px;
    text-align: center;
}
.img-carousel {
    max-height: 200px;
    max-width: 170px;
}
.contenido-carousel-texto-sin-imagen {
    padding: 3px 30px 12px 30px;
}
.texto-carousel {
    font-size: 0.9em;
}
.titulo-carousel {
    color: #2A6496;
    font-weight: bold;
}
.leer-mas-carousel {
    font-size: 0.9em;
}
.leer-mas-carousel > a {
    color: #428BCA;
}
.ultima-act-carousel {
    color: #848484;
    font-size: 0.786em;
}
.titulo-revista {
    background-color: #ea5e0f;
    padding: 5px 5px 5px 40px;
    margin-top: -10px;
}
.titulo-noticias-eventos {
    background-color: #0083c9;
    padding: 5px 5px 5px 40px;
    margin-top: -10px;
}
.titulo-proyectos {
    background-color: #bcbd00;
    padding: 5px 5px 5px 40px;
    margin-top: -10px;
}
.titulo-multimedia {
    background-color: #e2001f;
    padding: 5px 5px 5px 40px;
    margin-top: -12px;
}
.titulo-revista > a,
.titulo-noticias-eventos > a,
.titulo-proyectos > a,
.titulo-multimedia > a {
    color: #FFFFFF;
    font-weight: bold;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.margen-col .img-responsive {
    max-height: 378px;
}
.margen-col a {
    font-size: 12px;
}
.margen-col a:hover {
    text-decoration: underline;
}
.asignaturas {
    table-layout: fixed;
}
.asignaturas p {
    margin-bottom: 2px;
}
.asignaturas > thead > tr > td {
    text-align: center;
    background-color: #EEECE1;
    padding-top: 1px;
    padding-bottom: 1px;
}
.asignaturas td {
    vertical-align: top;
}
.titulo-mediano {
    color: #FFF;
    font-family: "Myriad Pro Cond";
    text-align: center;
    font-size: 26px;
    margin-top: 35px;
}
/*Media*/
/*xs*/
@media (max-width: 549px) {
    .contenido-carousel-img {
        display: none;
    }
    .navbar-utp {
        height: 4.857em;
    }
    .navbar-utp .titulo_pagina {
        font-size: 1.143em;
    }
    .navbar-utp > div.marca-container > a > img {
        width: 90px;
        margin-top: 5px;
    }
    .navbar-utp > div.escudo-container > a > img {
        width: 60px;
        /* margin-top: 4px; */
        margin-right: 5px;
    }
    .marca {
        width: 80px;
    }
    .escudo-min {
        /* margin-top: 5px; */
        width: 55px;
    }
    .articulo-inicio {
        padding: 0px;
    }
    .container_principal {
        padding-right: 0px;
        padding-left: 0px;
    }
    .noticia-contenido {
        margin: 1em 0em 1em 1em;
    }
    .scrollable {
        position: fixed;
        left: -9999px;
        right: -9999px;
        z-index: 2000;
        background: transparent;
    }
    .menuLateral {
        top: 71px !important;
    }
    .carousel.carousel-banner,
    .carousel-banner .carousel-inner > .item,
    .carousel-banner .carousel-inner > .item > img {
        height: auto;
    }
    .escudo {
        padding-left: 10px;
    }
    table {
        display: block;
        overflow-x: auto;
    }
}
@media (min-width: 550px) and (max-width:767px) {
    .escudo {
        padding-left: 10px;
    }
    .contenido-carousel-img {
        display: none;
    }
    .navbar-utp {
        height: 4.857em;
    }
    .navbar-utp .titulo_pagina {
        font-size: 1.9em;
    }
    .navbar-utp > div.marca-container > a > img {
        width: 90px;
        margin-top: 5px;
    }
    .navbar-utp > div.escudo-container > a > img {
        width: 60px;
        /* margin-top: 4px; */
        margin-right: 5px;
    }
    .marca {
        width: 80px;
    }
    .escudo-min {
        /* margin-top: 5px; */
        width: 55px;
    }
    .container_principal {
        padding-right: 0px;
        padding-left: 0px;
    }
    .noticia-contenido {
        margin: 1em 0em 1em 1em;
    }
    .scrollable {
        position: fixed;
        left: 9999px;
        right: 9999px;
        z-index: 2000;
        background: transparent;
    }
    .carousel.carousel-banner,
    .carousel-banner .carousel-inner > .item,
    .carousel-banner .carousel-inner > .item > img {
        height: auto;
    }
}
/*sm*/
@media (min-width:768px) and (max-width: 991px) {
    .escudo {
        padding-left: 10px;
    }
    .navbar-utp {
        height: 6.857em;
    }
    .navbar-utp > div.marca-container > a > img {
        width: 120px;
        margin-top: 5px;
    }
    .navbar-utp > div.escudo-container > a > img {
        width: 70px;
        /* margin-top: 10px; */
        margin-right: 5px;
    }
    .primer-menu {
        font-size: 0.69em;
        margin-left: 30px;
    }
    .carousel.carousel-banner,
    .carousel-banner .carousel-inner > .item,
    .carousel-banner .carousel-inner > .item > img {
        height: auto;
    }
    .carousel-indicators {
        bottom: 0px;
    }
    .navbar-utp a.identificador > img {
        padding: 1em 0em 1em 3.8em;
    }
    .navbar-utp .escudo>a>img {
        padding: 1em 0.5em;
    }
    .carousel-banner .carousel-indicators {
        margin-bottom: 50px;
    }
    .scrollable {
        position: fixed;
        left: 9999px;
        right: 9999px;
        z-index: 2000;
        background: transparent;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container_principal {
        max-width: 1279px;
        min-width: 992px;
    }
    .cabecera {
        height: 27.42em;
    }
}
/*lg*/
@media(min-width:1200px) and (max-width: 1279px) {
    .cabecera {
        height: auto;
    }
    /* .menu-top-des {
        margin-top: 0px;
        margin-left: 0px;
    } */
    .buscador {
        margin-top: -30px;
    }
}
@media(min-width: 1280px) {
    .cabecera {
        height: auto;
        max-width: 1280px;
        width: 100%;
    }
    /* .menu-top-before {
        background-image: url(../img/before-lg.png);
        background-repeat: no-repeat;
        position: relative;
        height: 84px;
        margin-top: -34px;
    }
    .menu-top-after {
        background-image: url(../img/after-lg.png);
        background-repeat: no-repeat;
        position: relative;
        height: 84px;
        width: 84px;
        margin-top: -34px;
    } */
    .buscador {
        margin-top: -30px;
    }
}
@media (max-width: 600px) {
    .navbar-utp .titulo_pagina {
        font-size: 18px;
    }
    .navbar-utp > div {
        height: auto;
    }
    .navbar-utp a.identificador,
  .navbar-utp .escudo>a,
  .navbar-utp .titulo_pagina {
        height: 70px;
        vertical-align: middle;
        display: table-cell;
    }
    .navbar-utp {
        width: 100%;
        height: 70px;
    }
    .contenido-beneficios {
        font-size: 9px
    }
    .navbar-utp > div.marca-container > a > img {
        width: 71px;
        height: 47px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .navbar-utp > div.escudo-container > a > img {
        width: 45px;
        height: 45px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .navbar-utp a,
  .navbar-utp .titulo_pagina {
        height: 70px;
        vertical-align: middle;
        display: table-cell;
    }
  .scrollable {
    position: fixed;
    right: 9999px;
    left: 9999px;
    z-index: 2000;
    background: transparent;
  }
    .menu_inferior_plantilla {
        font-size: .8em;
    }
}
@media (min-width: 600px) {
    .navbar-utp .titulo_pagina {
        font-size: 20px;
    }
    .navbar-utp {
        width: 100%;
        height: 102px;
    }
    .contenido-beneficios {
        font-size: 11px
    }
    .navbar-utp a,
  .navbar-utp .titulo_pagina {
        height: 102px;
        vertical-align: middle;
        display: table-cell;
    }
    .navbar-utp > div.marca-container > a > img {
        width: 105px;
        height: 70px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .navbar-utp > div.escudo-container > a > img {
        width: 75px;
        height: 75px;
        margin-right: 10px;
        margin-left: 10px;
    }
  .scrollable {
    position: fixed;
    left: 9999px;
    right: 9999px;
    z-index: 2000;
    background: transparent;
  }
    .menu_inferior_plantilla {
        font-size: 1em;
    }
}
@media (min-width: 768px) {
    .contenido-beneficios {
        font-size: 13px
    }
    .navbar-utp a.identificador > img {
        padding: 1em 0em 1em 3.8em;
    }
    .navbar-utp .escudo>a>img {
        padding: 1em 0.5em;
    }
}
.closee {
    float: none !important;
    border: 1px inset !important;
    width: 100% !important;
    background-color: #fff !important;
    opacity: 0.8 !important;
    text-align: right !important;
    padding: 5px 35px 0px 0 !important;
    color: #143e69 !important;
}
.botonPos {
    padding: 10px 5px;
    color: #fff;
}
.botonPosgra {
    background-color: #143e69 !important;
    border-color: #143e69 !important;
    padding: 4px 3px 4px 3px;
}
.menuLateral {
    position: fixed;
    top: 103px;
    z-index: 2000;
}
ul.menu_lateral > li {
    padding: 7px 0 7px 8px;
}
ul.menu_navegacion>li:before, ul.menu_principal>li:before {
    padding: 10px;
    font-size: 18px;
    content: "|";
    color: #fff;
}
ul.menu_navegacion>li:last-child:after, ul.menu_principal>li:last-child:after {
    padding: 10px;
    font-size: 18px;
    content: "|";
    color: #fff;
}
.list-inline li {
    padding: 0;
}
ul.menu_navegacion .dropdown-menu > li {
    border-bottom: 1px solid #fff;
}

.nav-bar-sitio {
    margin-top: 10px;
    display: flex;
    align-items: center;
}