/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800);

[class^=icon-], [class*=" icon-"] {font-family:FontAwesome!important;}

html {box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative; scroll-behavior: smooth; }
body {font-family: "Roboto", sans-serif; font-size: 16px; overflow-x: hidden; scroll-behavior: smooth; min-width: 320px; min-height: 100%; /*margin-bottom: 390px;*/ padding-top: 47px; box-shadow: 0 2px 1px #333;text-size-adjust: 100%;}
* {box-sizing: border-box; position: relative;}
*:before, *:after {box-sizing: inherit; position: relative;}

h1, h2, h3, h4, h5, h6 {font-family:"Montserrat", sans-serif; letter-spacing: -0.025em;}
a, a:visited {color: inherit;}
a:hover, a:focus {text-decoration:none;}
a:not(.noicon)[href^="https:"]:after {display: none !important}
b, strong {font-weight: 600;}
input, select, textarea {font-family: "Roboto", sans-serif; outline: none; border-radius: 0;}
button, input[type=submit], input[type=button], input[type=reset], .button, a.button, a.button:visited{font-family:"Montserrat",sans-serif!important;letter-spacing:-0.025em;overflow:hidden;border: none;font-size:18px;box-shadow:none!important;border-radius:0;padding:5px 25px}
button[type=submit], input[type=submit], input[type=button], input[type=reset] {border:2px solid #4a4a4a!important; background-color: transparent; color: #4a4a4a!important; opacity: 0.7;}
button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .button:hover, a.button:hover, a.button:visited:hover{background-color: inherit; color: inherit;}
fieldset {background-color: #eee; border: none;}
u {text-decoration: none;}

[role~=button], [role~=button]:hover {background: inherit; border: inherit;}

img, a img {max-width: 100%; border: 0; }

h1.parent-title {font-size: 24px; font-weight: 700;}
h3 {font-size: 24px;}

/* HACKS */
select option[disabled]:first-child {display: none !important;}

/*--- COMMON ---*/
.row {max-width:1280px; margin: 0 auto; position: relative;}
.disabled {opacity: 0.2; cursor: default; pointer-events: none;}
.noselect, .noselect * {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.noclicks, .noclicks * {pointer-events: none !important;}
img.pull-left {margin-right: 1em;}

a:not(.noicon)[href$=".jpg"]:after,
a:not(.noicon)[href$=".jpeg"]:after,
a:not(.noicon)[href$=".png"]:after,
a:not(.noicon)[href$=".gif"]:after,
a:not(.noicon)[href$=".svg"]:after {display: none !important;}

.bg_derecho, .bg_derecho .nav ul ul {background:#A68AB9;}
.bg_arquitectura, .bg_arquitectura .nav ul ul {background:#ea5c36;}
.bg_historia, .bg_historia .nav ul ul {background:#F4A821;}
.bg_gobierno, .bg_gobierno .nav ul ul {background:#A2C33A;}
.bg_matematicas, .bg_matematicas .nav ul ul {background:#562583;}
.bg_economia, .bg_economia .nav ul ul {background:#00A1AF;}
.bg_negocios, .bg_negocios .nav ul ul {background:#7CAFD4;}
.bg_cpoliticas, .bg_cpoliticas .nav ul ul {background:#5487BB;}
.bg_clibre {background:#58595B;}
.bg_arte, .bg_arte .nav ul ul {background:#A6A7A9;}
.bg_amarillo-ditella, .bg_amarillo-ditella .nav ul ul {background:#FDBD15;}
.bg_gris_oscuro {background:#595A5C;}
.bg_gris_claro, .bg_gris_claro .nav ul ul {background:#D1D3D4;}
.bg_diseno, .bg_diseno .nav ul ul {background:#00AF66;}

.bg_ingenieria_industrial{background-color: #820a32;}


.derecho-color {color:#A68AB9!important;}
.arquitectura-color {color:#ea5c36!important;}
.historia-color {color:#F4A821!important;}
.gobierno-color {color:#A2C33A!important;}
.matematicas-color {color:#562583!important;}
.economia-color {color:#00A1AF!important;}
.negocios-color {color:#7CAFD4!important;}
.cpoliticas-color {color:#5487BB!important;}
.arte-color {color:#A6A7A9!important;}
.amarillo-ditella-color {color:#FDBD15!important;}
.diseno-color {color:#00AF66!important;}

/*--- LAYOUT ---*/
.utdt-page {background: #FFF;position: relative; z-index: 1;}

.top h2 {font-size:32px; font-weight: 800;}

.top-ditella {display: block; width: 100%; min-width: 320px; background: #000; min-height: 50px; padding-left: 0; padding-right: 0;}
.top-ditella .logo {display: block; width:100%; margin:0; padding: 5px 0 0 5px;}
.top-ditella .logo img {max-height: 32px; margin-top: 3px;}
.top-ditella .btn-toggle-menu {color: #fff;display: none;text-align: center;position: absolute;top: 8px;right: 0;font-size: 23px;width: 32px;}

.top-ditella-institucional {display: block; margin:0; background: #fff; }
.top-ditella-institucional a {color:#6D6E71!important; font-weight:400!important; font-size:1.1em!important;}
.top-ditella-institucional a.active {font-weight: 700 !important;}
.top-ditella-institucional .nav a, .nav a:visited, .nav button {background:transparent!important;transition: all 300ms ease-out; padding-right: 20px; padding-left: 0;}
.top-ditella-institucional .nav li ul a, .nav li ul a:visited, .nav li ul button {padding-left: 5px; padding-right: 5px;}
.top-ditella-institucional .nav li ul>li>a:hover {background: rgba(255,255,255,0.3);}
.top-ditella-institucional .nav ul ul {background:#fff; z-index: 1000;}

.top-ditella-escuela {display: block; margin-bottom: 0; min-height: 40px; padding-top: 4px; position:-webkit-sticky; position: sticky;top: 0;z-index: 300;}
.top-ditella-escuela > .row {background: inherit;}
.top-ditella-escuela h1 {font-size: 19px; color:#fff; display:block; padding:0; padding: 6px 7px; margin:0; line-height: 1em;}
.top-ditella-escuela h1 a {font-weight: 600; text-transform: none; border-top: none !important; color: inherit; font-size: 18px;}
.top-ditella-escuela a {color:#fff!important; font-weight:400; font-size:1em;}
.top-ditella-escuela .nav {background: inherit; border:none!important; position: absolute; bottom: 0; right: 0; z-index: 10;}
.top-ditella-escuela .nav:before {display: none !important;}
.top-ditella-escuela .nav a,
.top-ditella-escuela .nav a:visited,
.top-ditella-escuela .nav button {background: inherit; border-color: transparent; padding-left: 5px; padding-right: 5px; white-space: nowrap; font-size: 14px; font-weight: 100; transition: all 300ms ease-out;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top-ditella-escuela .nav ul {border: none;}
.top-ditella-escuela .nav ul ul {
    -webkit-animation-duration: 0.7s; -webkit-animation-delay: 0s;
    -moz-animation-duration: 0.7s; -moz-animation-delay: 0s;
    -ms-animation-duration: 0.7s; -ms-animation-delay: 0s;
    -o-animation-duration: 0.7s; -o-animation-delay: 0s;
    animation-duration: 0.7s; animation-delay: 0s;
}
.top-ditella-escuela .nav li {line-height: 1;}
.top-ditella-escuela .nav li[role=menu]>a:after,
.top-ditella-escuela .nav li[role=menu]>button:after {content:"";}
.top-ditella-escuela .nav li ul>li>a:hover,
.top-ditella-escuela .nav li>a:hover {background:rgba(255,255,255,0.4)!important;}
.top-ditella-escuela .nav ul > li:last-child ul {right: 0;}
.top-ditella-escuela .nav ul ul li > a {padding-left: 10px !important; padding-right: 10px !important;}

.top-ditella-escuela .nav:not(.nocollapse):not(.small-tablet):not(.mobile) button.hamburger {outline: none; height: 32px; position: absolute; bottom: 10px; right: 2px; color: rgba(255,255,255,0.8);}
.top-ditella-escuela .nav:not(.nocollapse):not(.small-tablet):not(.mobile) button.hamburger:before {content: "\f107"; font-size: 18px;}

.headroom {will-change: transform; transition: transform 200ms linear;}
.headroom--pinned {transform: translateY(0%);}
.headroom--unpinned {transform: translateY(-100%);}

.title-parent {color: #333; margin: 10px 0; padding: 0 5px; font-weight:800; font-size:32px}

.context-menu { /*border-right:solid 1px #ccc;*/ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;}
.context-menu a { display:block; line-height:1.4em; font-size: 0.95em; padding: 5px 5px 5px 7px; /*border-bottom:solid 1px #eee;*/ font-weight:400; color:#4D4E41; transition: all 300ms ease-out; }
.context-menu a.active {font-weight: 600;}
.context-menu a:hover {text-decoration:none; background:#EDEDEE;}

/*.footer-utdt {background:#2A2929; padding: 30px 0 20px; position: fixed; bottom: 0; width: 100%; z-index: -1;}*/
.footer-utdt {background:#2A2929; padding: 30px 0 20px;}
.footer-utdt a {color:#ACACAC; font-weight:300; white-space: nowrap; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; display: inline-block; line-height: 1.2em; font-size: 13px;}
.footer-utdt a:hover {color:#fff;}
.footer-utdt span {color:#ACACAC; font-weight:300;display: inline-block; line-height: 1.2em; font-size: 14px;white-space: nowrap;}
.footer-utdt h4 {color:#fff;padding:0;margin: 0 0 5px; font-size:16px;line-height:1em;font-weight:600;}
.footer-utdt h4 + div {margin-bottom: 15px; line-height: 21px;}

.footer-utdt .social a {display: inline-block; padding: 0; margin-right: 2px;
/* FIX 2023 */
    margin-right: 12px;
    margin-top: 6px;
}
.footer-utdt .social a:hover {color: #fff;}
.footer-utdt .social a:before {background: transparent; width: 28px; height: 28px; line-height: 28px; padding-left: 6px; border-radius: 50%; font-size: 20px; }
.footer-utdt .social a:not(.noicon)[href*="facebook.com"]:before {content: "\f09a"; padding-left: 10px;}
.footer-utdt .social a:not(.noicon)[href*="twitter.com"]:before {content: "\f099"; padding-left: 6px;}
.footer-utdt .social a:not(.noicon)[href*="linkedin.com"]:before {content: "\f08c";}
.footer-utdt .social a:not(.noicon)[href*="youtube.com"]:before {content: "\f167";}
.footer-utdt .social a:not(.noicon)[href*="instagram.com"]:before {content: "\f16d";}

.footer-utdt .social a:hover:not(.noicon)[href*="facebook.com"]:before {background-color: #3b5998; padding-left: 10px;}
.footer-utdt .social a:hover:not(.noicon)[href*="twitter.com"]:before {background-color: #55acee; padding-left: 6px;}
.footer-utdt .social a:hover:not(.noicon)[href*="linkedin.com"]:before {background-color: #007bb5;}
.footer-utdt .social a:hover:not(.noicon)[href*="youtube.com"]:before {background-color: #bb0000;}
.footer-utdt .social a:hover:not(.noicon)[href*="instagram.com"]:before {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}

.footer-utdt .logo-svg {width: 60px; height: 60px; border-radius: 50%; float: left; margin-right: 15px;}

.footer-utdt .info-utdt {display: flex; align-items: flex-start; align-content: flex-start;}
.footer-utdt .info-utdt > * {display: inline-block;}
.footer-utdt .info-utdt p {line-height: 1.1em; white-space: nowrap; display: inline-block; margin-bottom: 0;}
.footer-utdt .data-fiscal {margin-left: 15px; min-width: 60px;}


@media screen and (max-width: 1024px) {
    body {margin-bottom: 360px;}
    .footer-utdt {font-size: 0.9em;}
}
@media screen and (max-width: 768px) {
    body {min-height: 100%; margin-bottom: 0; }
    .footer-utdt {position: relative; bottom: initial; width: 100%; z-index: 1000; padding: 15px;}
    .footer-utdt a,
    .footer-utdt span {font-size: 12px;}
    .footer-utdt h4 {margin-bottom: 10px;}
    .footer-utdt h4 + div:not(.social) {overflow: hidden; height: 0;}
    .footer-utdt .info-utdt p {white-space: normal; display: inline-block; }
}

/*--- CONTENIDO ---*/
.main-content {font-size: 16px; color: #111; line-height:1.7em; font-weight:400; margin-top: 15px;}
.main-content h1 {line-height: 1.1em;margin-bottom: 10px;}
.main-content h2 {margin-bottom:10px; line-height:1.1em; font-size:24px; font-weight:600; }
.main-content label {font-weight:400;}

.main-content .wysiwyg-text-align-center {text-align: center;}
.main-content .wysiwyg-text-align-left {text-align: left;}
.main-content .wysiwyg-text-align-right {text-align: right;}
.main-content .wysiwyg-text-align-justify {text-align: justify;}
.main-content .img-left {float: left; margin-right: 15px;}
.main-content .img-right {float: right; margin-left: 15px;}

.main-content img[style*="left"],
.main-content img[align="left"] {margin-right: 15px;}

.main-content a:not(.noicon)[href^="https:"]:after {display: none;}



.contenido {font-size: 16px; color: #111; line-height:1.7em; font-weight:400; margin-top: 15px;}
.contenido h1 {line-height: 1.1em;margin-bottom: 10px;}
.contenido h2 {margin-bottom: 10px; line-height: 1.1em; font-size: 24px;}
.contenido * + h3 {margin-top:1em;}
.contenido label {font-weight:400;}

.contenido .wysiwyg-text-align-center {text-align: center;}
.contenido .wysiwyg-text-align-left {text-align: left;}
.contenido .wysiwyg-text-align-right {text-align: right;}
.contenido .wysiwyg-text-align-justify {text-align: justify;}
.contenido .img-left {float: left; margin-right: 15px;}
.contenido .img-right {float: right; margin-left: 15px;}
.contenido img[style*="left"],
.contenido img[align="left"] {margin-right: 15px;}
.contenido a:not(.noicon)[href^="https:"]:after {display: none;}


table {border: none;}
table td, table th {vertical-align: top; background-color: transparent; padding: 3px 1px; font-size: 1em;}
table th img {max-width: none;}
table tr:nth-child(even) th, table tr:nth-child(even) td {background-color: transparent;}

#contenido {position: relative; margin-bottom: 2em; font-weight: 400;}
#contenido a {text-decoration:none; box-shadow: inset 0 -2px 0 #adadad; color: inherit; text-decoration: none; transition: background 0.1s cubic-bezier(.33,.66,.66,1);}
#contenido a:hover {background-color: rgba(200,200,200,0.9);}
#contenido a:not(.noicon)[target="_blank"]:after,
#contenido a:not(.noicon)[rel=external]:after {content: "";display: none;}
#contenido i {font-style: inherit;}
#contenido a font {color: inherit;}
#contenido .pie {margin: 2em 0; font-size: 1em;}
#contenido font {color: inherit !important; font: inherit !important;}

blockquote {padding: 1.3em 4em 1em; color: #2b2b2d; font-family: inherit !important; font-size: 1.15em; background: rgba(239, 239, 239, 0.33); -o-border-radius: 4px; border-radius: 4px;}
blockquote:before {content: "\201C";color: #aaa;font-size: 4em;display: block;position: absolute;opacity: 0.5;top: 10px;left: 10px;line-height: 1em;}
blockquote:after {content: "\201D";color: #aaa;font-size: 4em;display: block;position: absolute;top: initial;bottom: 10px;right: 10px;line-height: 1em;}

.list-content li {border-bottom: 1px solid #eee;}
.list-content h3 {font-weight: 100; color:#6D6E71; margin-top:10px; font-size: 20px;}
.list-content h3 a {color:#333; display: block;}
.list-content .icon-collapse {color: #333; float: right; margin-right: 5px;}
.list-content .full-content a[href*=".pdf"] {display: inline-block; padding: 1px 10px; border: 1px solid #ccc; border-radius: 3px; margin: 10px 0; transition: background 1s}
.list-content .full-content a[href*=".pdf"]:hover {background: #fcfcfc;}

.legaltextinfo {font-size: 0.8em; margin-bottom: 30px;}

iframe {border: none !important;}
iframe[width="100"] {width: 100%; }
iframe[src*=".pdf"], iframe[src*="folleto"] {width: 100%; height: 70vh;}
iframe[name="google_conversion_frame"] {position: absolute; z-index: -100; /*width: 0; height: 0; overflow: hidden;*/ }

.iframe-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px;}
.iframe-responsive iframe, .iframe-responsive video {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.banner {display: inline-block;}
.banner img {width: 100%;}
.banner object {max-width: 240px; border: 3px solid #ccc; background: #fff;}

/* Paginador listados */
#paginador {font-size: 0; text-align: center; margin-bottom: 10px;}
#paginador a {display: inline-block; padding: 5px 10px; background: #eee; color: #333; font-size: 1rem; margin: 0 2px; transition: background 0.7s;}
#paginador a:hover {background: #ccc;}
#paginador .select {display: inline-block; padding: 5px 10px; background: #ccc; color: #333; font-size: 1rem; margin: 0 2px; font-weight: 600;}

/* WIDGETS */
.arrow-left {display:inline-block; width:32px; height:32px; margin-right: 15px; background: transparent url(/Images/ui2014/l-arrow.png) no-repeat center center!important; position:absolute; z-index:22;}
.arrow-right {display:inline-block; width:32px; height:32px;  background: transparent url(/Images/ui2014/r-arrow.png) no-repeat center center !important; position:absolute; z-index:23;}

.swiper-container {display:block; height:250px; overflow:hidden;}
.swiper-container .swiper-wrapper {box-sizing: initial;}
.swiper-container .swiper-wrapper .swiper-slide {width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-container h2 {margin-bottom: 0;}
.swiper-container .swiper-wrapper .swiper-slide .image-cover {display:block; width:100%; background-size:cover; background-repeat:no-repeat; background-position: top center;}
.swiper-container .swiper-wrapper .swiper-slide .descrip {display:block; background-color:rgba(128,130,133,1); height:100%; padding: 10px 15px 20px; position: relative;}
.swiper-container .swiper-wrapper .swiper-slide .descrip:after {content: ''; position: absolute; top: 20px; left: 100%; width: 0px; height: 0px; z-index: 100; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #7f8185;}
.swiper-container .swiper-wrapper .swiper-slide .descrip h3 {font-size: 1.8em; line-height: 1; color: #fff; margin: 0; font-weight: 600; margin-bottom: 10px;}
.swiper-container .swiper-wrapper .swiper-slide .descrip p {font-size:1.4em; line-height:1.2em; font-weight:300; color:#fff;}

.pagination-main {position: absolute;right: 1em; text-align: center;bottom:5px;width: auto; z-index:255;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer}
.swiper-active-switch {background: #fff;}

.main-content-sell {width:100%; background:#F1F2F2; margin:10px 0; clear:both; padding:10px;}
.main-content-sell h2 {font-weight:800;color:#58595B;font-size:2em;line-height:1em;}
.main-content-sell h2 i {background: url('/Images/ui2014/escuelas-icons.png') no-repeat; display: block; float: left; margin-right: 5px;}
.main-content-sell h2 i.icon-sell-1 {width: 48px; height: 68px; background-position: 0 0;}
.main-content-sell h2 i.icon-sell-2 {width: 48px; height: 63px; background-position: -123px -1px;}
.main-content-sell h2 i.icon-sell-3 {width: 48px; height: 63px; background-position: -240px -1px;}
.main-content-sell ul {list-style:none; margin-left:0!important;}
.main-content-sell ul li {color: #6D6E71; }
.main-content-sell ul li a {color: #58595B; line-height: 1.3em; display: inline-block; font-weight: 400;}
.main-content-sell ul li i[class^=icon-],
.main-content-sell ul li i[class*=" icon-"] {vertical-align: top; display: inline-block;}
.main-content-sell span {background: url('/Images/ui2014/escuelas-icons.png') no-repeat; display: block; float: left; margin-right: 5px; width: 48px; height: 60px;}
.main-content-sell span.sell-1 {width: 48px; height: 68px; background-position: 0 0;}
.main-content-sell span.sell-2 {width: 48px; height: 63px; background-position: -123px -1px;}
.main-content-sell span.sell-3 {width: 48px; height: 63px; background-position: -240px -1px;}

.news-inner {margin-bottom: 10px; text-align: left;}
.news-inner h3 {margin-bottom: 0; font-size: 20px; color: #2b2b2b}
.news-inner .wrapper {position: relative; overflow: hidden;}
.news-inner a.item {display: block; padding: 10px 0; border-bottom: solid 1px #D1D3D4;line-height: 1.1em;}
.news-inner a .fecha {font-size: 18px; padding: 0; margin: 0 0 5px; color:#808285; position: relative; }
.news-inner a .descripcion {padding: 0; margin: 0; color:#6D6E71; display:block; font-weight: 400; }

#swiper-prensa {display:block; width:100%!important; height:215px;}
#swiper-prensa .swiper-wrapper .swiper-slide {height:175px; width:159px;}
#swiper-prensa .swiper-wrapper .swiper-slide a {background: #fff; margin-right: 8px; padding: 8px; position:relative; display: block; height: 175px; transition: background 0.5s; line-height: 1.2em;}
#swiper-prensa .swiper-wrapper .swiper-slide a:hover {background:#f8f8f8;}
#swiper-prensa .swiper-wrapper .swiper-slide h3 {font-size: 13px; font-weight: 400; margin: 0; color: #414042;}
#swiper-prensa .swiper-wrapper .swiper-slide p {color: #333; font-size: 14px;}
#swiper-prensa .swiper-wrapper .swiper-slide div.medio {font-weight: 600; color: #888; position: absolute; bottom: 10px; font-size: 0.9em; width: 100%; left: 0; padding: 0 15px;}
#swiper-prensa .swiper-wrapper .swiper-slide div.medio .pull-right {padding-top: 5px;}
#swiper-prensa .arrow-left  {top:0; right:24px;}
#swiper-prensa .arrow-right {top:0; right:0;}

#swiper-novedades {display:block; width:100%!important; height:215px;}
#swiper-novedades .swiper-wrapper .swiper-slide {height:175px; width:159px;}
#swiper-novedades .swiper-wrapper .swiper-slide a {background: #fff; margin-right: 8px; padding: 8px; position:relative; display: block; height: 175px; transition: background 0.5s; line-height: 1.15em; font-size: 15px;}
#swiper-novedades .swiper-wrapper .swiper-slide a:hover {background:#f8f8f8;}
#swiper-novedades .swiper-wrapper .swiper-slide h3 {font-size: 13px; font-weight: 400; margin: 0; color: #414042;}
#swiper-novedades .arrow-left  {top:0; right:24px;}
#swiper-novedades .arrow-right {top:0; right:0;}

#swiper-home-carrera {display:block; height:335px;}
#swiper-home-carrera .swiper-slide {display:block; width: 426px; height:345px; overflow:hidden; padding: 0 5px; border-radius: 4px;}
#swiper-home-carrera .swiper-slide > a {display: block;}
#swiper-home-carrera .swiper-slide img {display:block; padding:0; margin:0; width: 100%;}
#swiper-home-carrera .swiper-slide .description {position: absolute; display: block; padding:0.5em; height: 100px; width: 100%; top: 228px;}
#swiper-home-carrera .swiper-slide .description h3 {font-size:1.4em; margin: 0; font-weight:300; color:#fff;}
#swiper-home-carrera .swiper-slide .description p {font-size:1em; font-weight:300; line-height:1.2em; color:#fff;}
#swiper-home-carrera .arrow-left  {top:31.5em; right:1.5em;}
#swiper-home-carrera .arrow-right {top:31.5em; right:0.5em;}
.pagination-carrera {position: relative; bottom: 0; text-align: center; width: 100%; z-index:255;}

.carreras-shortcuts {margin-bottom:2em;}
.carreras-shortcuts .row > div > a {display:block; width:100%; background:#E6E7E8; padding:0.9em 0 0.9em 5.8em; text-align:left; position:relative; border-radius:3px; color:#6D6E71; font-size:1.2em;}
.carreras-shortcuts .row > div > a:hover {text-decoration:none;}
.carreras-shortcuts .row > div > a > img {position:absolute; left:1em; top:-0.6em;}

.addthis_toolbox a:not(.noicon)[target="_blank"]:after,
.addthis_toolbox a:not(.noicon)[rel=external]:after {content: "";}
.addthis_toolbox a span {border-radius: 5px;}

.addthisevent-drop {display:inline-block;position:relative;z-index:999998; font-weight: 400 !important;}
.addthisevent_dropdown {width:215px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span {display:block;line-height:110%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover {background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:14px;}
.addthisevent span {display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx {height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx {width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs {position:absolute;top:3px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:10px;color:#cacaca;}
.addthisevent_dropdown .frs:hover {color:#6d84b4;}
.addthisevent {visibility:hidden;}

#twitter-feed ul {list-style: none; margin: 0; padding: 0; }
#twitter-feed li {font-size: 14px; margin-bottom: 10px;}
#twitter-feed li a {font-weight: bold; }
#twitter-feed li a:not(.noicon)[href*="twitter.com"]:before {display: none;}
#twitter-feed li:last-child {margin-top: 8px;}

.footer-escuela {background: #ededed;}
.footer-escuela h3 {margin-bottom: 7px;}

/* Media Queries */

@media screen and (max-width: 1280px) {
    .menu_principal > div {width: 99%; margin: 0 auto;}
    .menu_escuelas > div a,
    .menu_ee  > div a,
    .menu_cursos  > div a {line-height: 1em !important; font-size: 1em !important;}
}

@media screen and (max-width: 1140px) {
    .menu_principal > div {width: 1024px;}
}

@media screen and (max-width: 1024px) {
    .top-ditella-escuela .nav {bottom: 0; width: 100%;}
    .top-ditella-escuela #menu {position: absolute; width: 100%; background-color: inherit; top: 1px;animation-duration: .3s;}

    .top-ditella-institucional {background: rgba(255, 255, 255, 0.5); position: absolute; z-index: 10; width: 100%; transition: all 1s;}
    .top-ditella-institucional .nav {background:transparent!important; border:none!important; text-transform: none; color:#333!important; font-weight:100!important;}
    .top-ditella-institucional .nav button { opacity: 0.5; outline: none; background:transparent!important; border:none!important; text-transform: none; color:#333!important; width: 100%; text-align: right; font-weight:100!important; font-size: 19px; padding: 3px 1em !important; position: relative; z-index: 10;}
    .top-ditella-institucional .nav button:active,
    .top-ditella-institucional .nav button:hover {opacity: 1;}
    .top-ditella-institucional .nav ul {background: #fff; padding: 0 5px;}
    .top-ditella-institucional .nav:not(.nocollapse):not(.small-tablet):not(.mobile):before {padding: 8px .5em; font-weight: 600; position: absolute; white-space: nowrap; width: 100%; padding-right: 48px; overflow: hidden;}

    .main-sell-home .row > a {padding-left: 5px; font-size: 27px;}
    .main-sell-home .row > a span.tag {display: none !important;}
    .main-sell-home .row > a:after {display: none;}

}

@media screen and (max-width: 960px) {
    body {min-height: 100%; margin-bottom: 0; }
    footer {position: relative; bottom: initial; width: 100%; z-index: initial; padding-top: 5px;}
    footer .footer-campus img {height: 40px;}
    footer .footer-campus .campus-alcorta {height: 65px;}
    footer .footer-campus {margin-top: 0;}

    .carreras-shortcuts .row > div > a {font-size:1em;}

    .news-home {margin-bottom:0;}
    .news-home #swiper-novedades-home .swiper-slide .image-wrapper .hover-novedades {display: none;}
    .news-home .agenda-home .evento .descripcion {padding-left:0.5em;}
    .news-home .agenda-home .evento .fecha {font-size:1.2em;}

    #swiper-prensa-home, .carreras-shortcuts, .swiper-carrera, #swiper-shortcuts .swiper-wrapper {margin-bottom:2em; padding-right: 10px;}

    .shortcuts-home .shortcuts-item {transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9);        }
    .social-media {padding-bottom:1em;}

    #swiper-shortcuts {height:190px!important;}

    .context-menu a {font-size:0.85em;}

    .carreras-shortcuts .row > div > a > img {-webkit-transform: scale(0.65,0.65);}
    .carreras-shortcuts .row .half-padded, .carreras-shortcuts .row .gap-top {padding:0; margin:0;}
    .carreras-shortcuts .row > div > a {border-radius:0; border: solid 1px #D6D6D6;}

    .prensa-home {padding-bottom: 4px; padding-top: 4px;}

    .indices {padding-bottom: 0;}
    .footer-agenda p {font-size: 1em;}

}

@media screen and (max-width: 768px) {
    .top-ditella {min-height: 44px;}
    .top-ditella .btn-toggle-menu {display: block;}
    .top-ditella .logo img {max-height: 30px; margin-top: 3px;}

    .nav:not(.nocollapse):not(.mobile) a,
    .nav:not(.nocollapse):not(.mobile) button {border-top-width: 0; font-size: 16px;padding: 5px 10px !important;}

    .banners-opcion .banner-extra {width: 66.6666% !important;}

    .context-menu { border-right:none; position: fixed; z-index: 500; bottom: 0; background: rgba(0,0,0,0.9); width: 100%; height: auto; max-height: calc(100vh - 47px); left: 0; transition: transform 0.6s; transform: translateY(100%);}
    .context-menu > div {height: 100%; overflow: auto;padding: 5px 0;}
    .context-menu:before {content: "\f141"; font-family: FontAwesome; font-weight: 400; font-style: normal; position: absolute; background: inherit; line-height: 35px; font-size: 26px; padding-top: 6px; width: 45px; height: 45px; top: -55px; left: 10px; text-align: center; color: #fff; box-shadow: 0 0 2px #333; z-index: 5000; transition: all 1s}
    .context-menu.active {transform: translateY(0);}
    .context-menu.active:before {content: "\f00d"; padding-top: 7px; color: #fff !important; box-shadow: none;}
    .context-menu a {font-size: 15px; line-height: 1.2em; color: #fff;padding: 5px 10px;}

    .main-content-escuela .news-inner {width:100%;}
    .main-content {font-size: 15px; margin-top: 10px;}
    .main-content h2 {font-size: 20px;}

    .main-content-sell {padding: 5px;}
    .main-content-sell h2 {font-weight: 700; text-align: center;}
    .main-content-sell ul {text-align: center;}
    .main-content-sell span {float: none; margin: 0 auto;}

    #swiper-main {height:380px; margin-bottom: 5px; border-radius: 5px;}
    #swiper-main .swiper-wrapper .swiper-slide > a {display: block; height:380px; position: relative;}
    #swiper-main .swiper-wrapper .swiper-slide .descrip p {font-size:1em; line-height:1.4em;}
    #swiper-main .swiper-wrapper .swiper-slide .descrip {background-color:rgb(128,130,133); position:absolute; z-index:60; bottom: 0; height: auto;}
    #swiper-main .swiper-wrapper .swiper-slide .descrip h3 {margin-bottom: 0 !important; line-height: 1em;}
    #swiper-main .swiper-wrapper .swiper-slide .image-slide {position:absolute; display:block; width:100% !important; height:100%; top:0; left:0 !important;}

    .highlights {margin-left: 0; position: relative !important; margin-bottom: 15px;}
    .highlights .highlight p {display: block;}

    #banners-escuela {background: #ededed; padding-top: 10px;}

    .news-home .agenda-home .evento .fecha {font-size:1.4em!important;}
    .news-home .agenda-home {height:auto !important; overflow:auto !important;}
    .news-home .agenda-home .descripcion {padding-left: 0;}
    .news-home .agenda-home .evento-share {padding-right: 5px; position: absolute; top: 5px;}

    #swiper-home {height:340px;}

    .footer-escuela {margin-top: 0;}
    .footer-escuela .row > div {padding-top: 10px;}
}

@media screen and (max-width: 600px) {
    .title-parent {font-size: 5vw; line-height: 1.5em;}

    .main-sell-home .row > a {font-size: 16px; padding: 0;}
    .main-sell-home .row > a:first-child {border-bottom: 1px solid #666;}
    .main-sell-home .row > a:first-child + a {border-bottom: 1px solid #666;}

    #contenido table,
    #contenido thead,
    #contenido tbody,
    #contenido th,
    #contenido td,
    #contenido tr {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .banners-opcion .banner-extra {width: 100% !important;}

    footer h3 {background:transparent url(/Images/ui2014/footer-chevron.png) center right no-repeat!important; border: none; font-size: 15px !important; padding: 1px 0 !important;}
    footer .footer-campus .campus-alcorta {margin-top:-1em;}

    .highlights  {margin-top:0.5em;}
    .highlights .highlight h3 {margin: 0;}

    #swiper-main .swiper-wrapper .swiper-slide .descrip h3 {font-size: 1.6em; margin-bottom: 0px;}
}

.parsley-error {background: rgba(255,0,0,0.2);}
.parsley-error-list{font-size:13px;line-height:1;list-style:none;margin:5px;padding:0}

/* -- COMPONENTES UTDT --*/
.utdt-component {margin-bottom: 5px; }
.utdt-component > * {min-height: 1.1em;}
.utdt-component:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden}

.utdt-component-2cols {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.utdt-component-2cols > div {width: 50%; padding: 5px; background: #fff; margin: 0;}

.utdt-component-3cols {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.utdt-component-3cols > div {width: 33.33%; padding: 5px; background: #fff; margin: 0;}

.utdt-component-caja-contenido {padding: 10px; background: #eee; display: flex;}
.utdt-component-caja-contenido > div {background-color: #fff; width: 100%;}

.utdt-component-caja-profesor {padding: 10px; background: #eee; display: flex; align-items: flex-start;}
.utdt-component-caja-profesor > div:first-child {flex: 0 0 110px;}
.utdt-component-caja-profesor > div:first-child img {margin-right: 10px; width: 100px; height: 110px; background: #eee; filter: grayscale(1); object-fit: cover;}
.utdt-component-caja-profesor > div:last-child {font-size: 0.9em;}
.utdt-component-caja-profesor > div:last-child h3 {margin: 0 0 5px;}


.utdt-component-caja-colapsable {padding: 10px; background: #eee;}
.utdt-component-caja-colapsable h4 {margin: 0 0 5px;}
.utdt-component-caja-colapsable > div {padding: 5px; background: #fff;}

.utdt-component table {table-layout: fixed; border-width: 1px; width: 100%; border-spacing: 0; border-radius: 0;}
.utdt-component table th,
.utdt-component table td {background: #fff; padding: 5px;}

.utdt-component blockquote {background: url(https://www.utdt.edu/Images/quote-open.gif) no-repeat 2% 2%, url(https://www.utdt.edu/Images/quote-close.gif) no-repeat 98% 98%; background-color: #dfdfdf; margin: 0 auto; padding: 15px 60px; font-weight: normal;}
.utdt-component blockquote:before,
.utdt-component blockquote:after {display: none;}

@media screen and (max-width: 780px) {
    .utdt-component-2cols {flex-direction: column;}
    .utdt-component-2cols > div {width: 100%;}

    .utdt-component-3cols {flex-direction: column;}
    .utdt-component-3cols > div {width: 100%;}
}