html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    min-height: 100%;
    /*background: linear-gradient(to bottom, rgb(231 163 39) 0%, rgb(2 91 161 / 13%) 20%), url(../img/bdbody.jpg);*/
    background: url(../img/bdbody.jpg);
    font-family: arial;
}

footer{
    
    
    margin-top: auto;
    /*background: linear-gradient(to right, #ff861f, #f06b05);*/
    background: #ff861f;
    border-top: 3px solid #025ba1;
    
    
       
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;            /* altura de pie de página */
  }
  #div-footer{

    margin-top: -20px;

    height: 20px;

}


.socialFont{
    font-size: 12px!important;

    color: #000000!important;
}
h4.fontft {
    font-size: 16px!important;
    font-family: 'Oswald', sans-serif!important;
    color: #000000!important;
    line-height: 24px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
}
.navFont{
    font-size: 14px!important;
    font-family: 'Oswald', 'sans-serif'!important;
    line-height: 24px!important;
    font-weight: normal!important;
    text-transform: uppercase!important;
}

/* marquesina */
  
    .bg-003 {
      background-color: #f17827;
      
  }
  
  
 .banneruts {
        background: url(../img/banner/logo.fw.png) center no-repeat;
        width: 900px;
        height: 108px;
        margin: auto;
    }
    .navImg{
        background-image: url(../img/banner/logo-small.fw.png);
        padding-left: 50px!important;
        background-size: 43px;
        background-repeat: no-repeat !important;
        display: inline;
    }

    .bg-dark {
        background-color: #025ba1!important;
    }

@media screen and (max-width: 991px) {
    .banneruts  {
       /* background:url(../img/banner/logo0.fw.png) center no-repeat;
        width: 556px;
        height: 108px;
        margin: auto;*/
        display: none;
    }
    .navImg{
      background-image: url(../img/banner/logo-small.fw.png);
      padding-left: 50px!important;
      background-size: 43px;
      background-repeat: no-repeat !important;
      display: inline;
  }
  .diss{
    display: none;
  }
  .social-a {
    margin: 8px 0 0 0;


}
    .margin-col{
        margin-top: 20px;
    }

    .mark-bg-card-1 img {
        width: 40%!important;
    }
    .mark-bg-card-2 img {
        width: 40%!important;
    }
    .mark-bg-card-3 img {
        width: 40%!important;
    }

}
    @media screen and (max-width: 767px) {
    .banneruts {
       /* background:url(../img/banner/logo2.fw.png) no-repeat center;
		width: 159px;
        height: 130px;
        margin: auto;*/
        display: none;
    }
    .navImg{
        background-image: url(../img/banner/logo-small.fw.png);
        padding-left: 50px!important;
        background-size: 43px;
        background-repeat: no-repeat !important;
        display: inline;
    }
    .social-a {
        margin: 11px 0 0 0;
    }
    .mark-bg-card-1 img {
        width: 70%!important;
    }
    .mark-bg-card-2 img {
        width: 70%!important;
    }
    .mark-bg-card-3 img {
        width: 70%!important;
    }
}

@media screen and (max-width: 360px) {
    .mark-bg-card-1 img {
        width: 92%!important;
    }
    .mark-bg-card-2 img {
        width: 92%!important;
    }
    .mark-bg-card-3 img {
        width: 92%!important;
    }


}
@media screen and (max-width: 280px) {
    .mark-bg-card-1 img {
        width: 50%!important;
    }
    .mark-bg-card-2 img {
        width: 50%!important;
    }
    .mark-bg-card-3 img {
        width: 50%!important;
    }


}

/* Botones sociales */
.social-a {
  font-size: 29px;
  color: white;
}
.btn-border{
    margin-top: 5px;
}
.fab-social{
    color: white;
    text-decoration: none;
}
.fab-social:hover{
    color: rgba(255,255,255,.75);
    text-decoration: none;
}
a{
    color: #fffefe;
}
a:hover{
    color: #fffbfb;
    text-decoration: none;
}
.card-bg1{
    background-image: url(../img/bg-block.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
}
.card-bg2{
    background-image: url(../img/bg-block-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
}
.card-bg3{
    background-image: url(../img/bg-block-2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
}
.bg-card-body{
    background: #ffffffc2;
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase!important;

}
.uts-bold{
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase!important;

}
.uts-normal{
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase!important;
    font-weight: lighter;
}
.footer-2{
    margin-top: 3px;
    text-align: center;
}
.embed-responsive {
    height: 700px;
}
.card-img-zoom{
    transition: all .5s ease-in-out;
}

.card-img-zoom:hover {
    transform:scale(1.1);
}

.card-img-overlay{
    top:auto;
}

/* hover card index */

.hidden{
    overflow: hidden;
}
p.font-card-small {
    font-size: 13px;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100px;
}
.cts{
    margin-bottom: .75rem;
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase!important;
}
.cbi{

    background: linear-gradient(to right, #025ba1c7,#1b3b54 ),
     /*fondo de carreras: url(../img/banner/logoF.png)*/ 100% 80%, 
     linear-gradient(to right, #025ba1,#1b3b54 );
}
/*img.cbi-shadow {
    box-shadow: 0px 0px 25px 1px black;
}*/
/* tarjetas de carreras */

.mark-bg-card-1 {
    text-align: center;
}
.mark-bg-card-2 {
    text-align: center;
}
.mark-bg-card-3 {
    text-align: center;
}
.mark-bg-card-1 img {
    width: 28%;
    border-radius: 100%;
    border: 3px solid #eb7b27;
}
.mark-bg-card-2 img {
    width: 30%;
    border-radius: 100%;
    border: 3px solid #eb7b27;
}
.mark-bg-card-3 img {
    width: 30%;
    border-radius: 100%;
    border: 3px solid #eb7b27;
}

.carousel {
    background-color: #025ba1;
    border-bottom: 3px solid #025ba1;

}
.psm-icon{
background-image: url(../img/icono_psm.png);
    padding-left: 25px!important;
    background-position-y: center;
    background-repeat: no-repeat !important;
    display: inline;
}
.tac-icon{
    background-image: url(../img/icono_tac.png);
    padding-left: 25px!important;
    background-position-y: center;
    background-repeat: no-repeat !important;
    display: inline;
}
.uft-icon{
    background-image: url(../img/icono_uft.png);
    padding-left: 25px!important;
    background-position-y: center;
    background-repeat: no-repeat !important;
    display: inline;
}


.btn-ed-color{
    background: #F2994A;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F2C94C, #F2994A);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F2C94C, #F2994A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    ;
}
.btn-is-color{
    background: #DA4453;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-co-color{
    background: #012761;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #022a63, #04758f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #022a63, #04758f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.card {
margin-bottom: 0px;
}

div#instafeed-container a {
    display: inline;
}
div#instafeed-container a img{
    width: 25%;
}
.bg-caro-icon{
    background: #00000057;
    padding: 15px 15px 10px 15px;
    border-radius: 100px;
}
/* Uso de la cookies */

/* Uso de la cookies */

.banner-landing {
    background: #1a72b2;
    text-align: center;
    position: relative;
    overflow: hidden
}



@media screen and (max-width: 1023px) {
    .banner-landing.empresas .img-banner {
        padding-bottom:0;
        margin-bottom: -.75em
    }
}

.banner-landing .button {
    padding: .8rem 1.5rem;
    border: none
}

.banner-landing .banner-container {
    overflow: hidden
}

.banner-landing .banner-container .banner-info {
    text-align: center;
    padding: 3em 0 0
}

@media screen and (min-width: 1024px) {
    .banner-landing .banner-container .banner-info {
        padding:7em 0;
        text-align: left
    }
}

.banner-landing .banner-title {
    font-size: var(--bigger-font-size)
}

.banner-landing__description {
    font-size: 1.1rem
}

.banner-landing__button {
    transition: all .25s
}

.banner-landing__button:hover {
    background: var(--white-color);
    color: var(--blue-600);
    box-shadow: 0 4px 8px rgba(42,59,71,.3)
}

@media screen and (min-width: 640px) {
    .banner-landing:before {
        content:"";
        width: 55%;
        height: 150%;
        position: absolute;
        bottom: 0;
        right: 0;
        transform-origin: bottom left;
        transform: skew(-30deg,0deg);
        background: linear-gradient(233deg,#fff 5%,hsla(0,0%,100%,.01) 95%);
        mix-blend-mode: soft-light;
        pointer-events: none
    }
}

.banner-estudiantes {
    padding-bottom: 0
}

.banner-estudiantes .banner-container {
    margin: 0 auto;
    width: 100%
}

.banner-estudiantes .img-banner {
    top: 3rem;
    width: 150%;
    transform: translateX(-50%)
}

@media screen and (max-width: 1023px) {
    .banner-estudiantes .img-banner {
        left:50%
    }
}

@media screen and (min-width: 1024px) {
    .banner-estudiantes .img-banner {
        width:700px;
        height: auto;
        position: absolute;
        transform: translateX(0);
        right: 0;
        bottom: -3rem
    }

    .banner-estudiantes .img-banner img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 1440px) {
    .banner-estudiantes .img-banner {
        width:65%
    }
}

@-moz-document url-prefix() {
    .banner-estudiantes .img-banner {
        top: 9rem
    }

    @media screen and (min-width: 1024px) {
        .banner-estudiantes .img-banner {
            width:700px;
            height: auto;
            position: absolute;
            right: -100%;
            top: 0;
            bottom: -12rem
        }

        .banner-estudiantes .img-banner img {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%
        }
    }

    @media screen and (min-width: 1440px) {
        .banner-estudiantes .img-banner {
            width:130%
        }
    }
}

.img-container-uts img {
    border-radius: 100%;
}
.s-pxy-2 {
    padding: 1rem;
}
@media screen and (min-width: 1024px){
.lg-px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
}}

.center-uts-text{
    color:white;
}
.bg-color-bar{
    background-color: #025ba1;
    border-bottom: 3px solid #f06b05;
    color: white;
    font-size: 16px!important;
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase!important;

}
.bg-color1-bar{
    color: white;
    font-size: 16px!important;
    
    

}
.borderless{
        border: 0!important;
}

.text-style {
    font-size: 12px;
    font-family: arial;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #f06b05!important;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f06b055c!important;
}
.dropdown-item1.active, .dropdown-item1:active {
    background-color: #0429f8!important;
}
.dropdown-item1:focus, .dropdown-item1:hover {
    background-color: #0467fc5c!important;
}
p.cbi-font {
    text-align: center;
    font-size: 29px!important;
    font-family: 'Oswald', sans-serif!important;
    color: white;
    text-transform: uppercase!important;
    border-bottom: 3px solid #eb7b27;
    text-shadow: 1px 1px black;
}
p.text-cbi {
    margin: 10px 0 0 0;
    color: white;
    text-shadow: 1px 1px black;
}
p.text-cbi2 {
        margin: 0;
        color: #eb7b27;
        text-shadow: 1px 1px black;
}

.mark-bg-card-0{
    background: linear-gradient(to top, rgb(0 0 0) -20%, rgb(0 0 0 / 13%) 100%), url(../img/institucion.jpg);
    background-size: 100% 100%;

}
.mark-bg-card-0 img {
    width: 20%;
    border-radius: 100%;
    border: 3px solid #025ba1;
}

.button-uts-2{
    color: #fff;
    background-color: #f06b05!important;
}
.button-uts-2:hover {
    color: #cb5b04;
    text-decoration: underline!important;
}
.thi {
    display: inline;
    float: left;
    width: 44%;
    margin-bottom: 1em;
    margin-right: 1em;
}
.thiz {
    display: inline;
    float: left;
    margin-bottom: 1em;
    margin-left: 1em;
}
.ccb {
    border: 3px solid #025ba1;
    margin-bottom: 5px;
}
.isha {
    background: linear-gradient(to top, #025ba1 30%, #025ba100 );
}
.isha2 {
    color: white;
}
.btn-bless{
    border:0!important;
}
.tcb{
    color:black!important;
}
.tcb:hover{
    color:rgb(22, 22, 22)!important;
}
.fdt{
    font-family: arial;
    font-size: 13px;
}
.svgd{
    width: 60%;
}
.txtcen{
    text-align: center;
}
a.hisb {
    color: white;
    float: right;
}
.paddingless {
    padding: 3px;
    line-height: 0;
}
.cbh-font {
    font-family: 'Oswald', arial!important;
    font-size: 20px;
}
.cbh-font:hover {
    text-decoration: none!important;
}
.cbh-font.focus, .cbh-font:focus {
    text-decoration: none!important;
}
.pddless {
    padding-right: 0px;
}
.ccht {
    background: #025ba1;
    border-bottom: 3px solid #eb7b27;
}
.cbhd {
    display: inline;
    padding-left: 50px;

}
.cbhd-70{
    background-image: url(../carreras/70.png);
    background-size: 43px;
    background-repeat: no-repeat;
}

.cbhd-70A{
    background-image: url(../carreras/70A.png);
    background-size: 43px;
    background-repeat: no-repeat;
}

.cbhd-71{
    background-image: url(../carreras/71.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-71A{
    background-image: url(../carreras/71A.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-71B{
    background-image: url(../carreras/71B.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-71C{
    background-image: url(../carreras/71C.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-72{
    background-image: url(../carreras/72.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-73{
    background-image: url(../carreras/73.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-75{
    background-image: url(../carreras/75.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-76{
    background-image: url(../carreras/76.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-77{
    background-image: url(../carreras/77.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-78{
    background-image: url(../carreras/78.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-79{
    background-image: url(../carreras/79.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-79A{
    background-image: url(../carreras/79A.png);
    background-size: 43px;
    background-repeat: no-repeat;
}

.cbhd-80{
    background-image: url(../carreras/80.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-81{
    background-image: url(../carreras/81.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-84{
    background-image: url(../carreras/84.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.cbhd-85{
    background-image: url(../carreras/85.png);
    background-size: 43px;
    background-repeat: no-repeat;
}
.accheader {
    background: linear-gradient(to right, #f06b05, #ff861f);
    margin-bottom: 5px;
    padding: 5px 5px 5px 15px;
    color: white;
    font-family: 'Oswald', arial!important;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: .25rem;
}
@media screen and (max-width: 575px){
    .snpad {
        padding-right: 15px!important;
    }
}
.snpad{
    padding-right: 0;
}
.embed-container0 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container0 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 255px;
}
.echd{
    font-size: 25px;
    font-family: 'Oswald', arial, sans-serif;
    text-transform: uppercase;
    color: white;
    background: linear-gradient(to right, #f06b05, #ff861f);
    padding: 5px 15px 5px 15px!important;
    border-bottom: 0;
}
.bgcba{

    padding: 10px!important;
    background-color: #00000008;
}
.bgcbar{

    padding: 10px!important;
    background-color: #05b4c021;
}
.adesc {
    font-size: 13px;
    border-top: 1px solid black;
    margin-top: 5px;
    padding: 5px;

}
.adescx{
    padding: 5px;
    font-size: 16px;
}
.cirss {
    background-color: #013c69;
    padding: 7px;
    border-radius: 100px;
}



    /* animation */


.slider-frame {
	
    width: 1280px;
    height: 470;
	margin:50px auto 0;
	overflow: hidden;
}

.slider-frame ul {
	align-items: center;
    display: flex;
	padding: 0;
	width: 500%;
	
	animation: slide 20s infinite alternate ease-in-out;
}

.slider-frame li {
	align-items: center;
    width: 100%;
	list-style: none;
}

.slider-frame img {
	border-radius: 20px;
    border-top: 5px solid #025ba1;
    border-left: 5px solid #025ba1;
    border-right: 5px solid #025ba1;
    border-bottom: 5px solid #025ba1;
    
    width: 70%;
    
}

@keyframes slide {
	0% {margin-left: 0;}
	18% {margin-left: 0;}
	
	23% {margin-left: -100%;}
	40% {margin-left: -100%;}
	
	43% {margin-left: -200%;}
	60% {margin-left: -200%;}
	
	65% {margin-left: -300%;}
	85% {margin-left: -300%;}
    87% {margin-left: -400%;}
	100% {margin-left: -400%;}

    
}
h3{
    -webkit-text-stroke: 2px #025ba1;
    font-style: italic;
    font-style: oblique;
    text-align: center;
    color: #fa6704;
    font-weight:1000;
    font-size: 50px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    
    
}
h2{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-style: oblique;
}

#apartado1{
    border:3px solid #025ba1;
    border-radius:22px;
}    

#personal1{
    left:30px;
    position:relative;
    border-radius: 20px;  
    
    width:200px;
    height:100px;
    
    -moz-animation-name: animacion1;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-name: animacion1;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -o-animation-name: animacion1;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
  }
  
  @-moz-keyframes animacion1 {
    from {
      left:1px;
     
  }
  to {
    left:1200px; 
    
    }
  }
  
  @-webkit-keyframes animacion1 {
    from {
      left:0px;
     
    }
    to {
      left:1200px; 
     
    }
  }
  
  @-o-keyframes animacion1 {
    from {
      left:0px;
     
  }
  to {
    left:1200px; 
      
    }
  }
  