/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,600,700,800);
@import url(http://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; }
body {font-family: "Roboto", sans-serif; font-size: 16px; overflow-x: hidden; min-width: 320px; min-height: 100%; margin-bottom: 415px; padding-top: 47px; box-shadow: 0 2px 1px #333;}
* {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;}
b, strong {font-weight: 600;}
input, select, textarea {font-family: "Roboto", sans-serif;}
button, a.button {font-family:"Montserrat", sans-serif; letter-spacing: -0.025em; overflow: hidden; border: none; background-color: #444; color: #fff;}
button:hover, a.button:hover {background-color: inherit; color: inherit;} 

button:before, a.button:before {position: absolute; top: 90%; left: 0; width: 100%; height: 100%; content: ""; transition: transform .3s; background-color: rgba(0,0,0, 0.4);}
button:hover:before, a.button:hover:before {transform: translateY(-90%);}

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

h3 {font-size: 1.4em;}

/* HACKS */
select option[disabled]:first-child {display: none !important;}   
iframe[name="google_conversion_frame"] {position: absolute; z-index: -100; /*width: 0; height: 0; overflow: hidden;*/ }


/*--- 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:#EA6A49;}
.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:#4EAE6C;}
.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;}

.derecho-color {color:#A68AB9!important;}
.arquitectura-color {color:#EA6A49!important;}
.historia-color {color:#F4A821!important;}
.gobierno-color {color:#A2C33A!important;}
.matematicas-color {color:#4EAE6C!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;}

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

.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: 4px; position: relative;}
.top-ditella-escuela > .row {background: inherit;}
.top-ditella-escuela h1 {font-size: 19px; color:#fff; display:block; padding:0; padding: 6px 7px; margin:0; max-width: 410px; line-height: 1em;}
.top-ditella-escuela h1 a {font-weight: 400; text-transform: uppercase; border-top: none !important; color: inherit; font-size: 19px;}
.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: 2px; 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; padding-left: 5px; padding-right: 5px; white-space: nowrap; font-size: 14px;transition: all 300ms ease-out;}
.top-ditella-escuela .nav ul {border: none;}
.top-ditella-escuela .nav ul ul {padding-bottom: 5px;
    -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[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 ul li {padding-left: 5px; padding-right: 5px;}
.top-ditella-escuela .nav ul > li:last-child ul {right: 0;}

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

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

.title-parent {font-size: 2em; color: #333; margin-bottom: 10px; padding: 0 5px;}
.title-parent:after {content: ''; display: block; width: 100%; height: 1px; background-color: #D8D8D8;}

.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:#6D6E71; transition: all 300ms ease-out; } 
.context-menu a.active {font-weight: 600; opacity: 0.5;}
.context-menu a:hover {text-decoration:none; background:#EDEDEE;}

.footer-utdt {background:#2B2929; padding: 30px 0 20px; position: fixed; bottom: 0; width: 100%; z-index: -1;}
.footer-utdt a {color:#fff!important;font-weight:300;-webkit-transition: all 300ms ease-out; display: inline-block; line-height: 1.2em; font-size: 14px;}
.footer-utdt span {color:#eee!important;display:block;font-weight:300;line-height:1.5em;font-size: 0.9em;}
.footer-utdt a:hover {text-decoration:none;color:#fff;background:#6D6E71!important;border-radius:5px;}
.footer-utdt h3 {color:#fff;padding:0;margin: 0.5em 0;font-size:18px;line-height:1.1em;font-weight:600;}
.footer-utdt h3 + div {padding-right: 15px; line-height: 22px;}
.footer-utdt .social a {display: inline-block; padding: 0; margin-right: 2px;}
.footer-utdt .social a:before {background: #f00; width: 28px; height: 28px; line-height: 28px; padding-left: 6px; border-radius: 50%; font-size: 18px; }
.footer-utdt .social a:not(.noicon)[href*="facebook.com"]:before {content: "\f09a"; background-color: #3b5998; padding-left: 10px;}
.footer-utdt .social a:not(.noicon)[href*="twitter.com"]:before {content: "\f099"; background-color: #55acee; padding-left: 6px;}
.footer-utdt .social a:not(.noicon)[href*="plus.google.com"]:before {content: "\f0d5"; background-color: #dd4b39;}
.footer-utdt .social a:not(.noicon)[href*="linkedin.com"]:before {content: "\f08c"; background-color: #007bb5;}
.footer-utdt .social a:not(.noicon)[href*="youtube.com"]:before, a:not(.noicon)[href*="youtu.be"]:before {content: "\f167"; background-color: #bb0000;}
.footer-utdt .social a:not(.noicon)[href*="pinterest.com"]:before {content: "\f0d2"; background-color: #cb2027;}
.footer-utdt .social a:not(.noicon)[href*="instagram.com"]:before {content: "\f16d"; background-color: #125688;}
.footer-utdt .logo-svg {width: 100px; height: 100px; border-radius: 50%; box-shadow: 3px 3px 3px #000;}
@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: initial; padding-top: 5px;}
    .footer-utdt > .row > .fourth {width: 50%;}
    .footer-utdt h3 + div:not(.open) {display: none;}
    .footer-utdt h3:hover + div:not(.open) {display: block;}
}



/*--- CONTENIDO ---*/
.main-content {font-size: 16px; color: #111; line-height:1.7em; font-weight:300; 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: 28px;}
.main-content * + h3 {margin-top:1em;}
.main-content label {font-weight:400;}
.main-content .banner {display: inline-block;}

.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 {position: relative; margin-bottom: 2em; font-weight: 400;}
#contenido table {border: none;}
#contenido table td,
#contenido table th {vertical-align: top; background-color: transparent; padding: 3px 1px; font-size: 16px;}
#contenido table td img,
#contenido table th img {max-width: none;}
#contenido table tr:nth-child(even) th,
#contenido table tr:nth-child(even) td {background-color: transparent;}
#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: rgba(200,200,200,0.5);}
#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;}

.list-content li {border-bottom: 1px solid #eee;}
.list-content h3 {font-weight: 100; color:#6D6E71; margin-top:1em; font-size: 1.3em;}
.list-content h3 a {color:#6D6E71; display: block;}
.list-content .icon-collapse {color: #333; float: right; margin-right: 5px;}

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

iframe[width="100"] {width: 100%; border: none;}

.banner img {width: 100%;}
.banner object {width: 100%; height: 100px;}

/* 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: 2.2em; line-height: 1.2; 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;}

.highlights {margin-left: 66.6666%; position: absolute !important;}
.highlights .highlight {border: 1px solid #BCBEC0; margin-bottom:4px;padding:8px; height:81px; display:block; overflow:hidden; border-radius: 5px;background: #fff !important;}
.highlights .highlight h3 {font-size:1.1em; line-height: 1em;font-weight:600;margin:0 0 0.3em 0;padding:0;}  
.highlights .highlight p {line-height:1em; margin: 0;font-size: 0.9em;}  

.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; max-height: 540px;}
.news-inner a span.fecha {font-weight: 800; font-size: 1.1em; padding: 0; margin: 0; color:#808285; position: relative; margin-top: -2px;}
.news-inner a span.descripcion {font-size: 14px; line-height: 1.3em; padding: 0; margin: 0; color:#6D6E71; display:block; font-weight: 400;}
.news-inner a.item {display: block; padding: 0.5em 0; border-bottom: solid 1px #D1D3D4;}

#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; 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: 7px;}
   
    .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;}
    
    .highlights .highlight p {display: none;}
    
    .main-content #banners,
    .main-content .banners {text-align: center; background: #eee; padding: 5px 5px 0; white-space: nowrap;}
    .main-content .banners {overflow-y: auto;}
}

@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;}

    #contenido iframe[src*="vimeo.com"] {width: 100% !important;}
    
    .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)>ul>li>a, .nav:not(.nocollapse):not(.mobile)>ul>li>button {border-top-width: 0; font-size: 5vw;}

    
    .banners-opcion .banner-extra {width: 66.6666% !important;}
    
    .context-menu { border-right:none; position: fixed; z-index: 500; bottom: 0; background: #eee; 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;}
    .context-menu:before {content: "\f0c9"; font-family: FontAwesome; font-weight: 400; font-style: normal; position: absolute; background: #000; line-height: 26px; font-size: 26px; padding-top: 10px; width: 45px; height: 45px; top: -62px; right: 10px; text-align: center; color: #fff; border-radius: 5px; 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: 8px; top: auto; bottom: 16px; background: #000 !important; color: #fff !important; box-shadow: none;}
    .context-menu a {font-size: 18px; line-height: 1.1em;}
    
    .main-content-escuela .news-inner {width:100%;}
    .main-content h2 {font-size: 24px;}
    
    .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;}

    footer .footer-1, footer .footer-2, footer .footer-3, footer .footer-4 {max-height: 0; overflow: hidden; transition: all 1s;}
    footer a {font-size: 1em;}
    footer .row .footer-open {max-height: 300px; }
    footer .row .footer-col {display:block; width:100%!important;}
    footer h3 {background:transparent url(/Images/ui2014/footer-chevron.png) center right no-repeat!important; }
}    

@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;}
    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;}
}

#quicklinks {display: none}