/* GENERAL PAGE STYLES
    ================================================== */
    html                            { height: 100%; width: 100%; }
    body                            { height: 100%; width: 100%; font-family: arial;  font-size: 62.5%; background: #ffffff; }
    header                          { height: 90px; border-bottom: 1px solid #eee; background: #fff; }
    header .logo a                  { display: block; width: 260px; height: 70px; margin: 0 auto; background: url(../img/logo.svg) no-repeat top left -10px; background-size: 28%; margin-top: 8px; font-family: 'Gotham-Black'; font-size: 1.3em; text-transform: uppercase; color: #5B5B5B; line-height: 1.2em; }
    header .logo a b                { color: #EE8919; }
    header .logo a .nombre          { width: 85%; float: right; text-align: center; margin-top: 24px; }
    header #mobile-menu             { display: none; }
    header a#movil-menu             { display: none; }
    header nav                      { margin-left: 20px; float: left; }
    header nav ul                   { margin: 0; padding: 0; float: left; }
    header nav ul li                { margin: 0; padding: 0; float: left; position: relative; }
    header nav ul li a              { display: block; height: 87px; padding: 0 13px; text-align: center; margin: 0px; border-bottom: 3px solid #fff; line-height: 6.6em; text-decoration: none; color: #555; font-family: 'oswald'; text-transform: uppercase; font-size: 1.4em;  -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
    header nav ul li.current a      { color: #f09315; border-bottom: 3px solid #ccc; }
    header nav ul li a:hover        { color: #f09315; border-bottom: 3px solid #ccc; }
    header nav ul li a.publicar-boton{background: #e6e6e6; border: 1px solid #ccc; color: #666; padding: 0 10px;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    header nav ul li a.publicar-boton:hover{background: #FFF; border: 1px solid #ffaa1a; color: #f57e1f;}
    header ul#mobile-hide{display: none;}
    header nav ul li ul{position: absolute; z-index: 1000; top: 90px; left: 0px; background: #FFF; border-radius: 0px 0px 5px 5px; min-width: 200px; box-shadow: 0 1px 1px #ccc; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    header nav ul li:hover ul{visibility: visible; opacity: 1;}
    header nav ul li ul li{margin: 0 !important; height: 40px !important; padding: 0; width: 100%; border-bottom: 1px solid #ccc; }
    header nav ul li ul li a{display: block; height: 40px; text-align: left; padding: 0; line-height: 3.2em !important; border-bottom: none !important; color: #555 !important;}
    header nav ul li ul li a:hover{color: #f09315 !important;}
    header nav ul li ul li:last-child{border-bottom: none;}
    header nav ul li ul li a{display: block; width: 100%; height: 35px; text-indent: 10px; }
    header .sociales{width: 100px; height: 35px; float: left; }
    header .sociales ul{margin: 30px 0 0 0; padding: 0;}
    header .sociales ul li{margin: 0; padding: 0; float: left; position: relative;}
    header .sociales ul li .info-tool{width: 100px; height: 32px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; text-align: center; line-height: 2.5em; position: absolute; top: 45px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    header .sociales ul li:hover .info-tool{visibility: visible; opacity: 1;}
    header .sociales ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -10px; top: -5px; }
    header .sociales ul li a{display:block; width:34px; height: 34px; background: #f6f6f6; border-radius: 17px; text-decoration: none; color: #aaa; font-size: 1.8em; margin: 0 4px 0 0; text-align: center; line-height: 2.1em; -webkit-transition: background .3s, color .3s, line-height .3s; -moz-transition: background .3s, color .3s, line-height .3s; -o-transition: background .3s, color .3s, line-height .3s; transition: background .3s, color .3s, line-height .3s;}
    header .sociales ul li a:hover{line-height: 2.3em;}
    header .sociales ul li.facebook a:hover{background: #1e4279; color: #FFF;}
    header .sociales ul li.twitter a:hover{background: #2ab3e6; color: #FFF;}
    header .sociales ul li.instagram a:hover{background: #b46438; color: #FFF;}
    header .sociales ul li.search a:hover{background: #f09315; color: #FFF;}
    header .sociales ul li.acceso a:hover{background: #ed2f59; color: #FFF;}
    footer{width: 100%; min-height: 230px; background: url(../img/7.png) repeat; margin: 0; padding: 30px 0; border-top: 1px solid #ccc; position: relative;}
    /*footer h4{color: #999; font-family: 'bebas'; padding: 20px 0;}*/
    footer h4{font-family: 'oswald';  font-size: 2.3em; padding: 0; color: #222;}
    footer .separador{width: 40px; height: 2px; background: #999; margin: 0 0 15px 0;}
    footer ul#areas{margin: 0; padding: 0;}
    footer ul#areas li{display: block; margin: 0; padding: 0; width: 100%; height: 34px;}
    footer ul#areas li a{display: block; width: 100%; height: 100%; text-decoration: none; font-family: arial; font-weight: 600; color: #444; font-size: 1.3em; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    footer ul#areas li a:hover{color: #da5f3e;} /*f29634*/
    footer ul#links{margin: 0; padding: 0;}
    footer ul#links li{display: block; margin: 0; padding: 0; width: 100%; height: 34px;}
    footer ul#links li a{display: block; width: 100%; height: 100%; text-decoration: none; font-family: arial; font-weight: 600; color: #444; font-size: 1.3em; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    footer ul#links li a:hover{color: #da5f3e;}
    footer .ubicacion{font-size: 1.3em; font-family: arial; font-weight: 600; color: #444;}
    footer .ubicacion a{position: relative; display: block; width: 230px; height: 113px; margin-top: 10px; border: 1px solid #ccc;  background: url(../img/mapa.jpg) no-repeat center center; background-size: 103%;  }
    footer .ubicacion a{ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    footer .ubicacion a .fondo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(30,30,30,.5); visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    footer .ubicacion a:hover{-webkit-filter: grayscale(1); filter: grayscale(1); background-size: cover;}
    footer h5{font-family: arial; font-weight: 600; font-size: 1.3em;}
    footer .telefonos{font-size: 1.4em; font-family: arial; font-weight: 600; line-height: 1.5em;}
    footer .telefonos h5{font-family: 'overpass'; color: #555; font-size: 1em; margin-top: 5px;}
    footer .telefonos a{text-decoration: none; color: #da5f3e;}
    .subfooter{min-height: 80px; background: #333;}
    .subfooter .logo-footer a{ display: block; width: 240px; height: 75px; margin: 0; background: url(../img/logo_blanco.svg) no-repeat top -10px left -15px; background-size: 40%; margin-top: 5px; font-family: 'Gotham-Black'; font-size: 1.2em; text-transform: uppercase; color: #e6e6e6; line-height: 1.2em;}
    .subfooter .logo-footer a b{color: #EE8919;}
    .subfooter .logo-footer a .nombre{width: 75%; float: right; text-align: center; margin-top: 24px;}
    .subfooter .registro{text-align: center; font-family: 'overpass'; font-weight: 100; color: #777; margin-top: 24px; font-size: 1.2em; line-height: 1.5em; text-transform: uppercase; }
    .subfooter .derechos{text-align: center; font-family: 'overpass'; font-weight: 100; color: #777; margin-top: 33px; font-size: 1.2em; line-height: 1.5em;}
    .share-content{min-height: 100px; margin: 50px 0;}
    .share-content h5{font-family: 'oswald';}
    .share-content ul{margin: 30px 0 0 0; padding: 0;}
    .share-content ul li{float: left; position: relative;}
    .share-content ul li a{display:block; width:60px; height: 60px; background: #f6f6f6; border-radius: 30px; text-decoration: none; color: #aaa; font-size: 3em; margin: 0 10px; text-align: center; line-height: 2.2em; -webkit-transition: line-height .3s, color .3s; -moz-transition: line-height .3s, color .3s; -o-transition: line-height .3s, color .3s; transition: line-height .3s, color .3s;}
    .share-content ul li a:hover{line-height: 3em;}
    .share-content ul li.facebook a{background: #1e4279; color: #FFF;}
    .share-content ul li.twitter a{background: #2ab3e6; color: #FFF;}
    .share-content ul li.mail a{background: #da5f3e; color: #fff;}
    .share-content ul li.search a:hover{background: #1e4279; color: #FFF;}
    .share-content ul li .info-tool{width: 100px; height: 48px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; font-weight: 600; text-align: center; line-height: 1.5em; padding-top: 10px; position: absolute; top: 70px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    .share-content ul li:hover .info-tool{visibility: visible; opacity: 1;}
    .share-content ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -5px; top: -5px; }
    .side-share-content{min-height: 100px; margin: 50px 0;}
    .side-share-content h5{font-family: 'oswalditalic'; color: #999; font-size: 1.6em;}
    .side-share-content ul{margin: 20px 0 0 0; padding: 0;}
    .side-share-content ul li{float: left; position: relative;}
    .side-share-content ul li a{display:block; width:40px; height: 40px; background: #f6f6f6; border-radius: 20px; text-decoration: none; color: #aaa; font-size: 2em; margin: 0 10px; text-align: center; line-height: 2.2em; -webkit-transition: line-height .3s, color .3s; -moz-transition: line-height .3s, color .3s; -o-transition: line-height .3s, color .3s; transition: line-height .3s, color .3s;}
    .side-share-content ul li a:hover{line-height: 3em;}
    .side-share-content ul li.facebook a{background: #1e4279; color: #FFF;}
    .side-share-content ul li.twitter a{background: #2ab3e6; color: #FFF;}
    .side-share-content ul li.mail a{background: #da5f3e; color: #fff;}
    .side-share-content ul li.search a:hover{background: #1e4279; color: #FFF;}
    .side-share-content ul li .info-tool{width: 100px; height: 48px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; font-weight: 600; text-align: center; line-height: 1.5em; padding-top: 10px; position: absolute; top: 50px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    .side-share-content ul li:hover .info-tool{visibility: visible; opacity: 1;}
    .side-share-content ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -5px; top: -5px; }

    /* Search */
    header div#explore{ position: fixed; top: 0px; width: 100%; height: 100%; z-index: 11;}
    header div#explore.hide{visibility: hidden; opacity: 0;}
    header div#explore.network-show{visibility: 1 !important; opacity: 1 !important;}
    header div#explore .modal-search-close{width: 50px; height: 50px; text-align: center; position: absolute; right: 15px; top: 15px; z-index: 12;}
    header div#explore .modal-search-close a{display: block; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 25px; text-decoration: none; color: #ccc; font-size: 3em; font-weight: 600; line-height: 1.45em; -webkit-transition: border .3s, color .3s; -moz-transition: border .3s, color .3s; -o-transition: border .3s, color .3s; transition: border .3s, color .3s; }
    header div#explore .modal-search-close a:hover{border: 1px solid #333; color: #333;}
    header div#explore div.type-search{position: absolute;top: 0px; width: 100%; height: 100%; z-index: 10; padding-top: 60px; background: rgba(250,250,250,.95);}
    header div#explore div.type-search form input[type="text"]{width: 100%; margin: 0; height: 60px; border: none;  padding: 0; background: none; font-size: 5em; font-family: 'overpass'; color: #000; box-shadow: none; border-bottom: 1px solid #ccc;}
    header div#explore div.type-search form ::-webkit-input-placeholder{color: #ccc;}
    header div#explore div.type-search form ::-moz-placeholder{color: #ccc;}
    header div#explore div.type-search form :-moz-placeholder{color: #ccc;}
    header div#explore div.type-search form :-ms-input-placeholder{color: #ccc;}
    header div#explore div#search-results{width: 100%; height: 100%; overflow-y:scroll; }
    header div#explore div#search-results{position: relative; height: 100%;  z-index: 100; margin-top: 160px;}
    header .hide{display:none;}
    header div#explore div#search-results h5{font-family: 'oswaldlight'; margin-top: 0; margin-bottom: 0px; padding-left: 10px; color: #666;}
    header div#explore div#search-results .icon{display: block; width: 100%; min-height: 150px; margin-bottom: 10px;}
    header div#explore div#search-results .icon a{display: block; width: 100%; height: 150px; text-decoration: none; text-align: center; font-size: 1.2em; color: #666; font-family: 'overpass'; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    header div#explore div#search-results .icon a:hover{color:rgba(0,63,94,1);}
    header div#explore div#search-results .icon a .circle{padding-top: 30px;}
    header div#explore div#search-results .icon a i{font-size: 5em; display: block; margin-bottom: 10px;}
    header div#explore div#search-results .item{float: left;}
    header div#explore div#search-results .search-item{ height: 400px; overflow-y:scroll; padding: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    header div#explore div#search-results .search-item::-webkit-scrollbar { display: none; }
    /*header div#explore div#search-results .search-item:hover{background: #ddd;}*/
    header div#explore div#search-results .search-item ul{margin: 0; padding:0;}
    header div#explore div#search-results .search-item ul li{margin:5px 0; padding: 0; min-height: 40px;}
    header div#explore div#search-results .search-item ul li a{display: block; min-height: 40px; font-family: 'overpass'; text-decoration: none; font-size: 1.3em; line-height: 1.5em !important; font-weight: lighter; color: #444; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height: 3em;}
    header div#explore div#search-results .search-item ul li a:hover{background: #e6e6e6;}
    header div#explore div#search-results .search-item .imagen{width: 40px; height: 40px; float: left; margin-right: 10px; overflow: hidden; background-position: center center; background-size: cover !important; background-repeat: no-repeat;}
    header div#explore div#search-results .search-item h4{font-family: 'roboto-regular'; margin: 0; padding: 0; font-size: 1.4em; border-bottom: 1px solid #999;}
    .close-search{position: fixed; top: 15px; right: 15px;  z-index: 12; color: #333; font-size: 2.5em; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
    .close-search:hover{opacity: .8;}
    .loading{width: 80px; height: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -40px; z-index: 10; }
    #loading-circle{
        margin-top:0px;
        float:left;
    }
    .loading-circle{ background-color:#CCC; float:left; height:15px; margin-left:8px; width:15px; animation-name: bounce_circle; border-radius:10px; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: linear; opacity:0.3; }
    #loading-circle_1{ animation-delay: .3s; }
    #loading-circle_2{ animation-delay: .5s; }
    #loading-circle_3{ animation-delay: .7s; }
    @keyframes bounce_circle{
        0%{opacity:0.3;}
        50%{opacity:1;background-color:#111}
        100%{opacity:0.3;}
    }
    .navegacion{ width: 100%; min-height: 45px; background: #f8f8f8; border-radius: 3px; margin: 20px 0; }
    .navegacion ul{ margin: 0 auto; }
    .navegacion ul li{ margin: 0 auto; float: left; font-family: 'roboto-regular'; font-size: 1.5em; line-height: 3em; color: #999;}
    .navegacion ul li:first-child a{margin: 0; padding: 0px; min-height: 45px; margin-left: 15px; }
    .navegacion ul li.separador{padding: 0 8px;}
    .navegacion ul li a{ text-decoration: none; display: block;  text-align: center; color: #888; margin: 0; padding: 0; }
    .navegacion ul li a i{font-size: 1.5em; line-height: 2em;}
    .navegacion ul li a:hover{color: #f59a06;}

    /* Buttons */
    a.btn{min-width: 150px; min-height: 50px; line-height: 2.8em; padding: 0px; text-align: center; background: #ccc; border-radius: 5px; text-decoration: none; color: #666;  -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    a.orange{background: #f29634; color: #FFF;}
    a.pink{background: #ed2f59; color: #FFF;}
    a:hover.pink{background: #bb2546; color: #FFF;}
    .info-box{font-family: 'oswalditalic'; font-size: 1em; color: #aaa;}
    .error404{width: 100%; min-height: 500px;}
    .error404 .error{width: 100%; text-align: center; padding:50px 0; }
    .error404 .error i{font-size: 20em; color:#f29634; }

    /* MAIN PAGE */
    .main-section{width: 100%; height:530px; /*background: url(../img/imagen-main.jpg) no-repeat; background-position: right center; background-size: cover;*/ position: relative;}
    .main-section .accesos{position: absolute; right: 30px; top: 50px;}
    .main-section .accesos ul{margin: 0; padding: 0;}
    .main-section .accesos ul li{margin: 0 5px; padding: 0; width: 120px; height: 120px; float: left;}
    .main-section .accesos ul li a{display: block; width: 120px; height: 120px; border-radius: 60px; text-decoration: none; text-align: center; font-size: 1.8em; line-height: 1.8em; font-family: 'overpass'; color: #FFF; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    .main-section .accesos ul li a i{display: block; font-size: 3em; padding-top: 15px;}
    .main-section .accesos ul li a:hover{background: #ee9701 !important;}
    .main-section .accesos ul li.red a{background: #F00;}
    .main-section .accesos ul li.blue a{background: #009fe3;}
    .main-section .accesos ul li.green a{background: #3C763D;}
    .slides-navigation                                                              { margin: 0 auto; position: absolute; z-index: 7; top: 50%; width: 100%; height: 80px; margin-top: -40px; }
    .slides-navigation a                                                            { position: absolute; display: block; text-decoration: none; width: 76px; height: 76px; border: 2px solid rgba(220,220,220,.3); border-radius: 40px; text-align: center; -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; transition: border .3s;}
    .slides-navigation a i                                                          { font-size: 5em; line-height: 1.5em; color: rgba(200,200,200,.4); -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
    .slides-navigation a.prev                                                       { left: 2%; }
    .slides-navigation a.next                                                       { right: 2%; }
    .slides-navigation a:hover                                                      { border: 2px solid rgba(220,220,220,1); }
    .slides-navigation a:hover i                                                    { color:rgba(220,220,220,1); }
    .slides-pagination                                                              { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; }
    .slides-pagination a                                                            {
                                                                                      border: 2px solid #222;
                                                                                      border-radius: 15px;
                                                                                      width: 10px;
                                                                                      height: 10px;
                                                                                      display: -moz-inline-stack;
                                                                                      display: inline-block;
                                                                                      vertical-align: middle;
                                                                                      *vertical-align: auto;
                                                                                      zoom: 1;
                                                                                      *display: inline;
                                                                                      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
                                                                                      margin: 2px;
                                                                                      overflow: hidden;
                                                                                      text-indent: -100%;
                                                                                    }
    .slides-pagination a.current                                                    { background: #222; }
    #slides ul.slides-container li{position: relative;}
    #slides ul.slides-container li .text-description{ width: 400px; height: 150px; border-radius: 5px;  /*background: rgba(31,27,78,.6);*/ position: absolute; bottom: 90px; left: 50px;}
    #slides ul.slides-container li .text-description article{width: 80%; margin: 10px auto 0 auto; font-family: 'oswald'; text-align: justify; font-size: 1.8em; color: #eee; line-height: 1.4em;}
    #slides ul.slides-container li .text-description article h5{font-family: 'bebas'; font-size: 2.2em; margin-bottom: 20px; color: #fff;}
    #slides ul.slides-container li .text-description a{position: absolute; bottom: 15%; right: 40px;}
    .oferta-educativa{ width: 90%; margin: 0 auto; }
    .oferta-educativa h3{text-align: center; padding: 40px 0; font-family: 'oswald'; font-size: 3em; text-transform: uppercase; color: #ee9701;}
    .oferta-educativa ul{margin: 0; padding: 0;}
    .oferta-educativa ul li{margin:0; padding: 0; width: 24%; height: 320px; float: left; margin: 5px .5%;}
    .oferta-educativa ul li a{display: block; width: 100%; height: 100%; text-decoration: none; color: #fff; text-align: center; font-size: 3.8em; line-height: 1em; font-family: 'bebas'; position: relative;  -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    .oferta-educativa ul li a .titulo{position: absolute; top: 10%; z-index: 2; width: 100%; height: 70px; margin-top:20px;}
    .oferta-educativa ul li a .titulo2{position: absolute; top: 50%; z-index: 2; width: 100%; height: 70px; margin-top: -35px;}
    .oferta-educativa ul li a .titulo b{ font-size: .5em; font-family: 'oswalditalic'; }
    .oferta-educativa ul li a .titulo i{font-size: 3em;}
    .oferta-educativa ul li a .capa{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:rgba(30,30,30,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .oferta-educativa ul li a:hover .capa{ background:rgba(30,30,30,.2);}
    .oferta-educativa ul li.maternal a .titulo b{ color: #f7adaf;}
    .oferta-educativa ul li.preescolar a .titulo b{ color: #f7adaf;}
    .oferta-educativa ul li.primaria a .titulo b{ color: #da5f3e;}
    .oferta-educativa ul li.secundaria a .titulo b{ color: #6eceec;}
    .oferta-educativa ul li a i{display: block; font-size: 4em; padding-top: 40px;}
    .oferta-educativa ul li.maternal a{background: url(https://www.upgch.edu.mx/img/main_preescolar.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.preescolar a{background: url(https://www.upgch.edu.mx/img/main_preescolar.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.primaria a{background: url(https://www.upgch.edu.mx/img/main_primaria.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.secundaria a{background: url(https://www.upgch.edu.mx/img/main_secundaria.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.preparatoria a{background: url(https://www.upgch.edu.mx/img/main_preparatoria.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.licenciaturas a{background: url(https://www.upgch.edu.mx/img/main_licenciatura.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.maestrias a{background: url(https://www.upgch.edu.mx/img/main_maestria.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.doctorados a{background: url(https://www.upgch.edu.mx/img/main_doctorado.jpg) no-repeat center center; background-size: cover;}
    .oferta-educativa ul li.especialidades a{background: url(https://www.upgch.edu.mx/img/main_especialidad.jpg) no-repeat center center; background-size: cover;}
    .mas-info{ margin: 40px 0 0 0; width: 100%; min-height: 300px; /*background: #e6e6e6;*/ background: url(../img/7.png) repeat; border-top: 1px solid #e3e3e3; position: relative;}
    .mas-info .loader{position: absolute; top: 0; left: 0; background: rgba(237,47,89,.95); width: 100%; height: 100%;}
    .mas-info .loader .mensaje{width: 100px; height: 30px; color: #FFF; position: absolute; left: 50%; top: 64%; margin-left: -50px; text-align: center; font-size: 2em; font-family: 'oswald';}
    .gray{ background: #e6e6e6; }
    .gray2{ background:  #888888; }
    .gray2 h3{color: #e6e6e6 !important;}
    .yellow{ background: #edca00; background: -moz-radial-gradient(center, ellipse cover,  #edca00 0%, #ad9900 100%); background: -webkit-radial-gradient(center, ellipse cover,  #edca00 0%,#ad9900 100%);
        background: radial-gradient(ellipse at center,  #edca00 0%,#ad9900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edca00', endColorstr='#ad9900',GradientType=1 ); }
    .light-blue{ background: #cfe7fa; background: -moz-radial-gradient(center, ellipse cover,  #cfe7fa 0%, #a3d1e6 100%); background: -webkit-radial-gradient(center, ellipse cover,  #cfe7fa 0%,#a3d1e6 100%);
        background: radial-gradient(ellipse at center,  #cfe7fa 0%,#a3d1e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#a3d1e6',GradientType=1 );}
    .pink{background: #57111b; background: -moz-linear-gradient(45deg,  #57111b 0%, #f32053 100%); background: -webkit-linear-gradient(45deg,  #57111b 0%,#f32053 100%); background: linear-gradient(45deg,  #57111b 0%,#f32053 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57111b', endColorstr='#f32053',GradientType=1 );}
    .green{ background: #bbc723; background: -moz-radial-gradient(center, ellipse cover,  #bbc723 0%, #55a830 100%); background: -webkit-radial-gradient(center, ellipse cover,  #bbc723 0%,#55a830 100%);
        background: radial-gradient(ellipse at center,  #bbc723 0%,#55a830 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc723', endColorstr='#55a830',GradientType=1 ); }
    .purple{ background: #e5b2d3; background: -moz-radial-gradient(center, ellipse cover,  #e5b2d3 0%, #a01580 100%); background: -webkit-radial-gradient(center, ellipse cover,  #e5b2d3 0%,#a01580 100%);
        background: radial-gradient(ellipse at center,  #e5b2d3 0%,#a01580 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b2d3', endColorstr='#a01580',GradientType=1 ); }
    .red{ background: #a41012; background: -moz-radial-gradient(center, ellipse cover,  #a41012 0%, #4e0405 100%); background: -webkit-radial-gradient(center, ellipse cover,  #a41012 0%,#4e0405 100%);
            background: radial-gradient(ellipse at center,  #a41012 0%,#4e0405 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41012', endColorstr='#4e0405',GradientType=1 ); }
    .gold{background: #c3a300;}
    .orange{background: #ffa84c; background: -moz-radial-gradient(center, ellipse cover, #ffa84c 0%, #ff7b0d 100%); background: -webkit-radial-gradient(center, ellipse cover, #ffa84c 0%,#ff7b0d 100%);
        background: radial-gradient(ellipse at center, #ffa84c 0%,#ff7b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 );}
    .orange h3{color: #e6e6e6 !important;}
    .light-yellow{background: #fbe7b1;}
    .nomartop{margin-top: 0 !important;}
    .mas-info h3{ font-size: 2.6em; padding: 30px 0 10px 0; font-family: 'oswald'; text-transform: uppercase; color: #777;}
    .mas-info form select{ width: 98%; padding: 15px 0; border: none; font-family: arial; font-weight: 600; font-size: 1.6em; text-indent: 10px;}
    .mas-info form input[type=text]{ width: 98%; padding: 15px 0; border: none; font-family: arial; font-weight: 600; font-size: 1.6em; text-indent: 10px;}
    .mas-info .cnt-btn{background: #ed2f59; width: 100px; height: 100px; display: block; border-radius: 50px; position: relative; /*margin: 0 auto 20px auto;*/ margin: -60px 0 0 0; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .mas-info .cnt-btn i{display: block; color: #FFF; text-align: center; font-size: 4.5em; padding-top: 18px;}
    .mas-info form input[type=submit]{ background: none; font-size: 1.4em; color: #FFF; font-family: arial; font-weight: 600; line-height: 9.5em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px;}
    .mas-info .cnt-btn:hover{background: #777;}
    .patrocinadores h4{font-family: 'oswald'; text-align: center; font-size: 2.6em; text-transform: uppercase; color: #222;}
    .patrocinadores{width: 100%; min-height: 100px; padding: 0px 0 30px 0; background:#e9e9e9; }
    .patrocinadores ul li{margin: 30px 1% 20px 1%; width: 15%; height:100px; float: left;}
    .patrocinadores ul li:first-child{margin-left:0;}
    .patrocinadores ul li:last-child{margin-right: 0;}
    .patrocinadores ul li a{ display: block; width: 100%; height: 100%; }
    .patrocinadores ul li a img{width: 100%; filter:grayscale(100%); transition: filter .3s;}
    .patrocinadores ul li a:hover img{width: 100%; filter:grayscale(0%);}
    .pink  h3, .yellow h3, .gold h3, .purple h3, .red h3, .gold h3{color: #FFF;}
    .pink form input[type=submit]{color: #f32053;}
    .pink .cnt-btn , .yellow .cnt-btn, .green .cnt-btn,.purple .cnt-btn,.red .cnt-btn,.gold .cnt-btn, .light-blue .cnt-btn{ background: #fff;  ; color:#ccc; }
    .pink .cnt-btn i{color: #f32053;}
    .pink .cnt-btn:hover{background: #57111b;}
    .light-blue  h3{color: #5e8089;}
    .light-blue form input[type=submit]{color: #08446a;}
    .light-blue .cnt-btn i{color: #08446a;}
    .light-blue .cnt-btn:hover{background: #08446a;}
    .light-blue .cnt-btn:hover i{color: #fff;}
    .light-blue form input[type=submit]:hover{color: #fff;}
    .yellow form input[type=submit]{color: #ffae21;}
    .yellow .cnt-btn i{color: #ffae21;}
    .yellow .cnt-btn:hover{background: #ad9900;}
    .yellow .cnt-btn:hover i{color: #fff;}
    .yellow form input[type=submit]:hover{color: #fff;}
    .green  h3{color: #55742a;}
    .green form input[type=submit]{color: #417720;}
    .green .cnt-btn i{color: #417720;}
    .green .cnt-btn:hover{background: #417720;}
    .green .cnt-btn:hover i{color: #fff;}
    .green form input[type=submit]:hover{color: #fff;}
    .purple form input[type=submit]{color: #a01580;}
    .purple .cnt-btn i{color: #a01580;}
    .purple .cnt-btn:hover{background: #a01580;}
    .purple .cnt-btn:hover i{color: #fff;}
    .purple form input[type=submit]:hover{color: #fff;}
    .red form input[type=submit]{color: #9d1613;}
    .red .cnt-btn i{color: #9d1613;}
    .red .cnt-btn:hover{background: #9d1613;}
    .red .cnt-btn:hover i{color: #fff;}
    .red form input[type=submit]:hover{color: #fff;}
    .gold form input[type=submit]{color: #c3a300;}
    .gold .cnt-btn i{color: #c3a300;}
    .gold .cnt-btn:hover{background: #453200;}
    .gold .cnt-btn:hover i{color: #fff;}
    .gold form input[type=submit]:hover{color: #fff;}
    #send-email-results{width: 100%; height: 40px; text-align: center; font-family: 'oswalditalic'; font-size: 1.8em;} 
    #send-email-results i{color: #3C763D;}
    /* LICENCIATURAS Y MAESTRIAS POR AREA */
    .areas-licenciatura .area,.areas-maestria .area{width: 85%; height: 500px; margin:0 auto 30px auto; padding: 0;}
    .areas-licenciatura .salud,.areas-maestria .salud{ width: 85%; height: 500px;position: relative; padding: 0;}
    .areas-licenciatura .salud ul, .areas-maestria .salud ul{ margin: 0; padding: 0; }
    .areas-licenciatura .salud ul li, .areas-maestria .salud ul li{ margin: 0; padding: 0; position: absolute; background-size: cover !important; background-position: top center !important; }
    .areas-licenciatura .salud ul li a, .areas-maestria .salud ul li a{ text-decoration: none; display: block; width: 100%; height: 100%; background: rgba(83,162,179,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .areas-licenciatura .salud ul li a h5, .areas-maestria .salud ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:70px; left: 5px; }
    .areas-licenciatura .salud ul li a h6, .areas-maestria .salud ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 25px; left: 5px;}
    .areas-licenciatura .salud ul li.portada,.areas-maestria .salud ul li.portada{ height: 100%; width: 40%; top: 0; left: 50%; margin-left: -20%; background-position: left -50px center !important; }
    .areas-licenciatura .salud ul li.nombre{ height: 250px; width: 30%; top: 50%; left: 0; margin-top: -125px; background: url(../img/bgsalud.jpg) no-repeat; background-size: cover; box-shadow: inset 0px 0px 35px #333; }
    .areas-licenciatura .salud ul li.nombre .circulo,.areas-maestria .salud ul li.nombre .circulo{ width: 140px; height: 140px; margin: 70px 0 0 30px;  background: #052570;
            background: -moz-linear-gradient(top,  #052570 0%, #0e647d 100%);
            background: -webkit-linear-gradient(top,  #052570 0%,#0e647d 100%);
            background: linear-gradient(to bottom,  #052570 0%,#0e647d 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052570', endColorstr='#0e647d',GradientType=0 );
            border-radius: 70px; text-align: center; font-family: 'bebas'; color: #FFF; font-size: 2.5em; box-shadow: 0 0 20px #031b52;
    }
    .areas-licenciatura .salud ul li.nombre .circulo i, .areas-maestria .salud ul li.nombre .circulo i{display: block; font-size: 2.5em; color: #FFF; padding-top: 12px; line-height: 1.3em;}
    .areas-licenciatura .salud ul li:nth-child(9){top: 0;    left: 0; width: 30%; height: 125px; }
    .areas-licenciatura .salud ul li:nth-child(3){top:75%;   left: 0; width: 30%; height: 125px; }
    .areas-licenciatura .salud ul li:nth-child(5){top: 0;   right: 0; width: 30%; height: 130px; }
    .areas-licenciatura .salud ul li:nth-child(6){top: 25%; right: 0; width: 30%; height: 130px; }
    .areas-licenciatura .salud ul li:nth-child(7){top: 50%; right: 0; width: 30%; height: 130px; }
    .areas-licenciatura .salud ul li:nth-child(8){top: 74%; right: 0; width: 30%; height: 130px; }
    .areas-licenciatura .salud ul li:nth-child(4){top: 75%; right: 30%; width: 40%; height: 125px; }
    .areas-licenciatura .salud ul li:nth-child(10){top: 80%; right: 0; width: 30%; height: 100px; }
    .areas-licenciatura .salud ul li:nth-child(11){top: 0; right: 30%; width: 40%; height: 125px; }
    .areas-maestria .salud ul li.nombre{ height: 100%; width: 100%; top: 0%; left: 0;  background: url(../img/bgsalud.jpg) no-repeat; background-size: cover; box-shadow: inset 0px 0px 35px #333; }
    .areas-maestria .salud ul li.nombre .circulo{margin-top: 170px;}
    .areas-maestria .salud ul li:nth-child(3){top: 0;   right: 0; width: 30%; height: 125px; }
    .areas-maestria .salud ul li:nth-child(4){top: 25%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .salud ul li:nth-child(5){top: 50%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .salud ul li:nth-child(6){top: 75%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .salud ul li:nth-child(7){top: 0;    left: 0; width: 30%; height: 125px; }
    .areas-maestria .salud ul li:nth-child(8){top:70%;   left: 0; width: 30%; height: 30%; }
    .areas-licenciatura .salud ul li:nth-child(3) a{background: rgba(92,142,179,.7);}
    .areas-licenciatura .salud ul li:nth-child(4) a{background: rgba(49,88,127,.7);}
    .areas-licenciatura .salud ul li:nth-child(5) a, .areas-maestria .salud ul li:nth-child(3) a{background: rgba(20,78,159,.7);}
    .areas-licenciatura .salud ul li:nth-child(6) a, .areas-maestria .salud ul li:nth-child(4) a{background: rgba(9,96,149,.7);}
    .areas-licenciatura .salud ul li:nth-child(7) a,.areas-maestria .salud ul li:nth-child(5) a{background: rgba(24,103,183,.7);}
    .areas-licenciatura .salud ul li:nth-child(8) a,.areas-maestria .salud ul li:nth-child(6) a{background: rgba(18,44,126,.7);}
    .areas-licenciatura .salud ul li a:hover,.areas-maestria .salud ul li a:hover{background: rgba(9,49,110,.7);}
    .areas-licenciatura .ingenierias,.areas-maestria .ingenierias{width: 85%; height: 500px; position: relative; padding: 0;}
    .areas-licenciatura .ingenierias ul,.areas-maestria .ingenierias ul{ margin: 0; padding: 0; }
    .areas-licenciatura .ingenierias ul li,.areas-maestria .ingenierias ul li{ margin: 0; padding: 0; position: absolute; background-size: cover !important; background-position: top center !important; }
    .areas-licenciatura .ingenierias .nueva,.areas-licenciatura .negocios .nueva,.areas-licenciatura .sociales .nueva{ width:50px; height:20px; background-color: red; color:white; position: absolute; top: 0px; right: 0px; font-family:bebas; font-size:2em; }
    .areas-maestria .ingenierias .nueva,.areas-maestria .negocios .nueva,.areas-maestria .sociales .nueva,.areas-maestria .juridica .nueva, .areas-maestria .salud .nueva{ width:50px; height:20px; background-color: red; color:white; position: absolute; top: 20px; right: 20px; font-family:bebas; font-size:2em;box-shadow: 2px 2px 5px #000; }
    .areas-licenciatura .ingenierias ul li a,.areas-maestria .ingenierias ul li a{ text-decoration: none; display: block; width: 100%; height: 100%; background: rgba(83,162,179,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .areas-licenciatura .ingenierias ul li a h5, .areas-maestria .ingenierias ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:90px; left: 5px; }
    .areas-licenciatura .ingenierias ul li a h6, .areas-maestria .ingenierias ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 25px; left: 5px;}
    .areas-licenciatura .ingenierias ul li.portada,.areas-maestria .ingenierias ul li.portada{ height: 100%; width: 40%; top: 0; left: 50%; margin-left: -20%; }
    .areas-licenciatura .ingenierias ul li.nombre,.areas-maestria .ingenierias ul li.nombre{ height: 100%; width: 100%; top: 0; left: 0;  background: url(../img/bgingenierias.jpg); background-size: contain; box-shadow: inset 0px 0px 35px #333; }
    .areas-licenciatura .ingenierias ul li.nombre .circulo,.areas-maestria .ingenierias ul li.nombre .circulo{ width: 140px; height: 140px; margin: 170px 0 0 30px;  background: #052570;
            background: -moz-linear-gradient(top,  #106b59 0%, #199767 100%);
            background: -webkit-linear-gradient(top,  #106b59 0%,#199767 100%);
            background: linear-gradient(to bottom,  #106b59 0%,#199767 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106b59', endColorstr='#199767',GradientType=0 );
            border-radius: 70px; text-align: center; font-family: 'bebas'; color: #FFF; font-size: 2.5em; box-shadow: 0 0 20px #064034  ;
    }
    .areas-licenciatura .ingenierias ul li.nombre .circulo i,.areas-maestria .ingenierias ul li.nombre .circulo i{display: block; font-size: 2.5em; color: #FFF; padding-top: 12px; line-height: 1.3em;}
    .areas-licenciatura .ingenierias ul li:nth-child(3){top: 0;    right: 0; width: 30%; height: 25%; }
    .areas-licenciatura .ingenierias ul li:nth-child(4){top: 25%;   right: 0; width: 30%; height: 25%; }
    .areas-licenciatura .ingenierias ul li:nth-child(5){top: 50%;   right: 0; width: 30%; height: 25%; }
    .areas-licenciatura .ingenierias ul li:nth-child(6){top: 0;   right: 30%; width: 40%; height: 33.33%; }
    .areas-licenciatura .ingenierias ul li:nth-child(7){top: 66.66%;   right: 30%; width: 40%; height: 33.33%; }
    .areas-licenciatura .ingenierias ul li:nth-child(8){top: 66.66%;   right: 70%; width: 30%; height: 33.33%; }
    .areas-licenciatura .ingenierias ul li:nth-child(9){top: 0%;   right: 70%; width: 30%; height: 33.33%; }
    .areas-licenciatura .ingenierias ul li:nth-child(10){top: 75%;   right: 0; width: 30%; height: 25%; }
    .areas-maestria .ingenierias ul li:nth-child(3){top: 0; right: 0; width: 30%; height: 50%;}
    .areas-maestria .ingenierias ul li:nth-child(4){top: 50%; right: 0; width: 30%; height: 50%;}
    .areas-licenciatura .ingenierias ul li:nth-child(3) a{background: rgba(30,151,134,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(4) a{background: rgba(19,142,122,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(5) a,.areas-maestria .ingenierias ul li:nth-child(5) a{background: rgba(25,156,88,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(6) a{background: rgba(30,151,134,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(7) a{background: rgba(19,142,122,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(8) a{background: rgba(30,151,134,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(9) a{background: rgba(19,142,122,.7);}
    .areas-licenciatura .ingenierias ul li:nth-child(10) a{background: rgba(19,142,122,.7);}
    .areas-licenciatura .ingenierias ul li a:hover,.areas-maestria .ingenierias ul li a:hover{background: rgba(14,126,51,.7);}
    .areas-licenciatura .negocios,.areas-maestria .negocios{width: 85%; height: 500px; position: relative; padding: 0;}
    .areas-licenciatura .negocios ul,.areas-maestria .negocios ul{ margin: 0; padding: 0; }
    .areas-licenciatura .negocios ul li,.areas-maestria .negocios ul li{ margin: 0; padding: 0; position: absolute; background-size: cover !important; background-position: top center !important; }
    .areas-licenciatura .negocios ul li a,.areas-maestria .negocios ul li a{ text-decoration: none; display: block; width: 100%; height: 100%; background: rgba(83,162,179,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .areas-licenciatura .negocios ul li a h5, .areas-maestria .negocios ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:30px; left: 5px; }
    .areas-licenciatura .negocios ul li a h6, .areas-maestria .negocios ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 5px; left: 5px;}
    .areas-licenciatura .negocios ul li.portada,.areas-maestria .negocios ul li.portada{ height: 100%; width: 40%; top: 0; left: 50%; margin-left: -20%; }
    .areas-licenciatura .negocios ul li.nombre,.areas-maestria .negocios ul li.nombre{ height: 100%; width: 100%; top: 0; left: 0;  background: url(../img/bgnegocios.jpg); background-size: contain; box-shadow: inset 0px 0px 35px #333; }
    .areas-licenciatura .negocios ul li.nombre .circulo,.areas-maestria .negocios ul li.nombre .circulo{ width: 140px; height: 140px; margin: 170px 0 0 30px; 
            background: rgb(124,18,76);
background: -moz-linear-gradient(top,  rgba(124,18,76,1) 0%, rgba(114,10,104,1) 100%);
background: -webkit-linear-gradient(top,  rgba(124,18,76,1) 0%,rgba(114,10,104,1) 100%);
background: linear-gradient(to bottom,  rgba(124,18,76,1) 0%,rgba(114,10,104,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c124c', endColorstr='#720a68',GradientType=0 );
            border-radius: 70px; text-align: center; font-family: 'bebas'; color: #FFF; font-size: 2.5em; box-shadow: 0 0 20px #4c0545  ;
    }
    .areas-licenciatura .negocios ul li.nombre .circulo i,.areas-maestria .negocios ul li.nombre .circulo i{display: block; font-size: 2.5em; color: #FFF; padding-top: 12px; line-height: 1.3em;}
    .areas-licenciatura .negocios ul li:nth-child(3){top: 0;    right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(4){top:33.33%;   right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(5){top: 66.66%;   right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(6){top: 0;   right: 30%; width: 40%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(7){top: 0%;   right: 70%; width: 30%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(8){top: 66.66%;   right: 70%; width: 30%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(9){top: 66.66%;   right: 30%; width: 40%; height: 33.33%; }
    .areas-licenciatura .negocios ul li:nth-child(10){top: 75%;   right: 30%; width: 30%; height: 25%; }
    .areas-licenciatura .negocios ul li:nth-child(3) a,.areas-maestria .negocios ul li:nth-child(3) a{background: rgba(114,10,104,.7);}
    .areas-licenciatura .negocios ul li:nth-child(4) a,.areas-maestria .negocios ul li:nth-child(4) a{background: rgba(114,10,104,.7);}
    .areas-licenciatura .negocios ul li:nth-child(5) a,.areas-maestria .negocios ul li:nth-child(5) a{background: rgba(124,18,76,.7);}
    .areas-licenciatura .negocios ul li:nth-child(6) a,.areas-maestria .negocios ul li:nth-child(6) a{background: rgba(116,21,124,.7);}
    .areas-licenciatura .negocios ul li:nth-child(7) a,.areas-maestria .negocios ul li:nth-child(7) a{background: rgba(116,21,124,.7);}
    .areas-licenciatura .negocios ul li:nth-child(8) a,.areas-maestria .negocios ul li:nth-child(8) a{background: rgba(116,21,124,.7);}
    .areas-licenciatura .negocios ul li:nth-child(9) a,.areas-maestria .negocios ul li:nth-child(9) a{background: rgba(116,21,124,.7);}
    .areas-licenciatura .negocios ul li:nth-child(10) a,.areas-maestria .negocios ul li:nth-child(10) a{background: rgba(116,21,124,.7);}
    .areas-maestria .negocios ul li:nth-child(9) a{background: rgba(116,21,124,.7);}
    .areas-maestria .negocios ul li:nth-child(7) a{background: rgba(114,10,104,.7);}
    .areas-licenciatura .negocios ul li a:hover,.areas-maestria .negocios ul li a:hover{background: rgba(71,6,77,.7);}
    .areas-maestria .negocios ul li:nth-child(3){top: 0;    left: 0; width: 30%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(4){top: 0;   right: 0; width: 30%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(5){top: 25%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(6){top: 50%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(7){top: 75%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(8){top: 0; right: 30%; width: 40%; height: 125px; }
    .areas-maestria .negocios ul li:nth-child(9){top: 75%; right: 30%; width: 40%; height: 125px; }
    .areas-licenciatura .sociales,.areas-maestria .sociales{width: 85%; height: 500px; position: relative; padding: 0;}
    .areas-licenciatura .sociales ul,.areas-maestria .sociales ul{ margin: 0; padding: 0; }
    .areas-licenciatura .sociales ul li,.areas-maestria .sociales ul li{ margin: 0; padding: 0; position: absolute; background-size: cover !important; background-position: top center !important; }
    .areas-licenciatura .sociales ul li a,.areas-maestria .sociales ul li a{ text-decoration: none; display: block; width: 100%; height: 100%; background: rgba(83,162,179,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .areas-licenciatura .sociales ul li a h5, .areas-maestria .sociales ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:70px; left: 5px; }
    .areas-licenciatura .sociales ul li a h6, .areas-maestria .sociales ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 5px; left: 5px;}
    .areas-licenciatura .sociales ul li.portada,.areas-maestria .sociales ul li.portada{ height: 100%; width: 40%; top: 0; left: 50%; margin-left: -20%; }
    .areas-licenciatura .sociales ul li.nombre,.areas-maestria .sociales ul li.nombre{ height: 100%; width: 100%; top: 0; left: 0;  background: url(../img/bgsociales.jpg); background-size: cover; box-shadow: inset 0px 0px 35px #333; }
    .areas-licenciatura .sociales ul li.nombre .circulo,.areas-maestria .sociales ul li.nombre .circulo{ width: 140px; height: 140px; margin: 170px 0 0 30px;  background: rgb(157,25,21);
background: -moz-linear-gradient(top,  rgba(157,25,21,1) 0%, rgba(140,19,64,1) 100%);
background: -webkit-linear-gradient(top,  rgba(157,25,21,1) 0%,rgba(140,19,64,1) 100%);
background: linear-gradient(to bottom,  rgba(157,25,21,1) 0%,rgba(140,19,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1915', endColorstr='#8c1340',GradientType=0 );
            border-radius: 70px; text-align: center; font-family: 'bebas'; color: #FFF; font-size: 2.5em; box-shadow: 0 0 20px #590625  ;
    }
    .areas-licenciatura .sociales ul li.nombre .circulo i,.areas-maestria .sociales ul li.nombre .circulo i{display: block; font-size: 2.5em; color: #FFF; padding-top: 12px; line-height: 1.3em;}
    .areas-licenciatura .sociales ul li:nth-child(3){top: 0;    right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .sociales ul li:nth-child(4){top:33.33%;   right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .sociales ul li:nth-child(5){top: 66.66%;   right: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .sociales ul li:nth-child(6){top:66.66%;   left: 0; width: 30%; height: 33.33%; }
    .areas-licenciatura .sociales ul li:nth-child(3) a,.areas-maestria .sociales ul li:nth-child(3) a{background: rgba(157,25,21,.7);}
    .areas-licenciatura .sociales ul li:nth-child(4) a,.areas-maestria .sociales ul li:nth-child(4) a{background: rgba(140,19,64,.7);}
    .areas-licenciatura .sociales ul li:nth-child(5) a,.areas-maestria .sociales ul li:nth-child(5) a{background: rgba(125,16,74,.7);}
    .areas-licenciatura .sociales ul li:nth-child(6) a,.areas-maestria .sociales ul li:nth-child(6) a{background: rgba(125,16,74,.7);}
    .areas-maestria .sociales ul li:nth-child(6) a{background: rgba(157,25,21,.7);}
    .areas-maestria .sociales ul li:nth-child(7) a{background: rgba(140,19,64,.7);}
    .areas-maestria .sociales ul li:nth-child(8) a{background: rgba(125,16,74,.7);}
    .areas-maestria .sociales ul li:nth-child(9) a{background: rgba(125,16,74,.7);}
    .areas-maestria .sociales ul li:nth-child(10) a{background: rgba(125,16,74,.7);}
    .areas-licenciatura .sociales ul li a:hover,.areas-maestria .sociales ul li a:hover{background: rgba(81,11,48,.7);}
    .areas-maestria .sociales ul li:nth-child(3){top: 0;    left: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(4){top:75%;   left: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(5){top: 0;   right: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(6){top: 25%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(7){top: 50%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(8){top: 75%; right: 0; width: 30%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(9){top: 0; right: 30%; width: 40%; height: 125px; }
    .areas-maestria .sociales ul li:nth-child(10){top: 75%; right: 30%; width: 40%; height: 125px; }
    .areas-licenciatura .juridica,.areas-maestria .juridica{width: 85%; height: 500px; position: relative; padding: 0;}
    .areas-licenciatura .juridica ul,.areas-maestria .juridica ul{ margin: 0; padding: 0; }
    .areas-licenciatura .juridica ul li,.areas-maestria .juridica ul li{ margin: 0; padding: 0; position: absolute; background-size: cover !important; background-position: top center !important; }
    .areas-licenciatura .juridica ul li a,.areas-maestria .juridica ul li a{ text-decoration: none; display: block; width: 100%; height: 100%; background: rgba(83,162,179,.6); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .areas-licenciatura .juridica ul li a h5,.areas-maestria .juridica ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 2.5em; position: absolute; bottom: 5px; left: 5px; }
    .areas-licenciatura .juridica ul li.portada,.areas-maestria .juridica ul li.portada{ height: 100%; width: 40%; top: 0; left: 50%; margin-left: -20%; }
    .areas-licenciatura .juridica ul li.nombre,.areas-maestria .juridica ul li.nombre{ height: 100%; width: 100%; top: 0; left: 0;  background: url(../img/bgjuridica.jpg) no-repeat; background-size: cover; box-shadow: inset 0px 0px 35px #333; }
    .areas-licenciatura .juridica ul li.nombre .circulo,.areas-maestria .juridica ul li.nombre .circulo{ width: 140px; height: 140px; margin: 170px 0 0 30px;  background: rgb(148,85,27);
background: -moz-linear-gradient(top,  rgba(148,85,27,1) 0%, rgba(165,147,36,1) 100%);
background: -webkit-linear-gradient(top,  rgba(148,85,27,1) 0%,rgba(165,147,36,1) 100%);
background: linear-gradient(to bottom,  rgba(148,85,27,1) 0%,rgba(165,147,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94551b', endColorstr='#a59324',GradientType=0 );
            border-radius: 70px; text-align: center; font-family: 'bebas'; color: #FFF; font-size: 2.5em; box-shadow: 0 0 20px #5c3008;
    }
    .areas-licenciatura .juridica ul li.nombre .circulo i,.areas-maestria .juridica ul li.nombre .circulo i{display: block; font-size: 2.5em; color: #FFF; padding-top: 12px; line-height: 1.3em;}
    .areas-licenciatura .juridica ul li:nth-child(3){top: 0;    right: 0; width: 30%; height: 50%; }
    .areas-licenciatura .juridica ul li:nth-child(4){top:50%;   right: 0; width: 30%; height: 50%; }
    .areas-licenciatura .juridica ul li:nth-child(3) a,.areas-maestria .juridica ul li:nth-child(3) a{background: rgba(148,85,27,.7);}
    .areas-licenciatura .juridica ul li:nth-child(4) a,.areas-maestria .juridica ul li:nth-child(4) a{background: rgba(155,60,27,.7);}
    .areas-maestria .juridica ul li:nth-child(6) a,.areas-maestria .juridica ul li:nth-child(6) a{background: rgba(148,85,27,.7);}
    .areas-maestria .juridica ul li:nth-child(7) a,.areas-maestria .juridica ul li:nth-child(8) a{background: rgba(155,60,27,.7);}
    .areas-maestria .juridica ul li:nth-child(5) a{background: rgba(148,85,27,.7);}
    .areas-licenciatura .juridica ul li a:hover,.areas-maestria .juridica ul li a:hover{background: rgba(94,51,12,.7);}
    .areas-maestria .juridica ul li:nth-child(3){top: 0;    left: 0; width: 30%; height: 125px; }
    .areas-maestria .juridica ul li:nth-child(4){top:75%;   left: 0; width: 30%; height: 125px; }
    .areas-maestria .juridica ul li:nth-child(5){top: 0;    right: 0; width: 30%; height: 167px; }
    .areas-maestria .juridica ul li:nth-child(6){top:33.33%;   right: 0; width: 30%; height: 167px; }
    .areas-maestria .juridica ul li:nth-child(7){top:66.66%;   right: 0; width: 30%; height: 167px; }
    .areas-maestria .juridica ul li:nth-child(8){top: 0; right: 30%; width: 40%; height: 125px; }


    /* LICENCIATURAS */
    .circle{background-repeat:no-repeat !important; background-size: cover !important; background-position: center center !important; background: url(../img/circle-svg.svg); position: relative;}
    .circle2{background-repeat:no-repeat !important; background-size: cover !important; background-position: center center !important; background: url(../img/circle-svg.svg); position: relative; opacity: .8;}
    .w700{width: 700px !important; height: 700px !important; margin: 0 auto; padding: 40px; }
    .w680{width: 700px !important; height: 700px !important; margin: 0 auto; padding: 30px 0 0 0; }
    .w300{width: 300px !important; height: 300px !important; padding:100px; }
    .w200{width: 200px !important; height: 200px !important; padding:100px; }
    .circle .icono{position: absolute; text-align: center;}
    .circle .grande{width: 250px; height: 250px; border-radius: 50%;}
    .circle .grande img{margin-top: 15px;}
    .circle .mediano{width: 150px; height: 150px; border-radius: 50%;}
    .circle .t0{top: 0;}.circle .t10{top:10%;} .circle .t20{top:20%;} .circle .t30{top:30%;} .circle .t40{top:40%;} .circle .t50{top:50%;} 
    .circle .b0{bottom: 0;}.circle .b10{bottom:10%;} .circle .b20{bottom:20%;} .circle .b30{bottom:30%;} .circle .b40{bottom:40%;} .circle .b50{bottom:50%;} 
    .circle .r-5{right: -3%;} .circle .r0{right: 0;} .circle .r10{right: 10%;} .circle .r20{right: 20%;} .circle .r30{right: 30%;} .circle .r40{right: 40%;} .circle .r50{right: 50%;}
    .circle .l-20{left: -20%;} .circle .l0{left: 0;} .circle .l10{left: 10%;} .circle .l20{left: 20%;} .circle .l30{left: 30%;} .circle .l40{left: 40%;} .circle .l50{left: 50%;}
    .circle .icono .title{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #92910c; border-radius: 50%; color: #FFF; font-family: 'rubikbold'; font-size: 1.8em; visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s;}
    .circle .icono .title .texto{padding-top: 50px; width: 70%; margin:0 auto;}
    .circle .icono:hover .title{opacity: 1; visibility: visible; transition: opacity .3s, visibility .3s;}
    .circle .primcol-grad{background: #244c6d;}
    .circle .secol{background: #c7da04;}
    .circle .grande img{width: 90%;}
    .circle .mediano img{width: 100%; opacity: .5;}
    .circle a{display: block; width: 100%; height: 100%;}
    .lic-header{width: 550px; height: 550px; margin: 0 auto; position: absolute; border-radius: 50%; overflow:hidden; left: 50%; top: 45%; margin-left:-275px; margin-top:-275px; }
    .lic-header .navegacion{margin: 0; background: none; position: absolute; z-index: 2;}
    .lic-header .navegacion ul li{color: #fff;}
    .lic-header .navegacion ul li a{color: #fff;}
    .lic-header .navegacion ul li a:hover{color: #f59a06;}
    .lic-header .degradado{ width: 550px; height: 550; position: absolute; top: 0; z-index: 2;
    background: -webkit-linear-gradient(rgba(0,142,207,1) 0%, rgba(0,142,207,1) 40%, rgba(200,216,47,0) 70%);
    background: -o-linear-gradient(rgba(0,142,207,1) 0%, rgba(0,142,207,1) 40%, rgba(200,216,47,0) 70%);
    background: linear-gradient(rgba(0,142,207,1) 0%, rgba(0,142,207,1) 40%, rgba(200,216,47,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ecf', endColorstr='#00c8d82f',GradientType=0 ); border-radius: 50%;}
    .lic-header .fondo{background-repeat:no-repeat !important; background-size: 125% !important; background-position: center center !important;  width: 100%; height: 100%;position: absolute; top: 25%;}
    .lic-header .titulo{position: relative; z-index: 3; margin-top: 70px;}
    .lic-header h1{font-family: 'rubikbold'; font-size: 5em; color: #FFF; width: 70%; line-height: 1em;  text-align: center; margin:10px auto;}
    .lic-header h2{font-family: 'rubikbold'; font-size: 4em; color: #FFF; width: 70%; line-height: 1em;  text-align: center; margin:10px auto;}
    .lic-header h4{font-family: 'rubikbold'; font-size: 3em; color: #FFF; width: 100%; line-height: 1em; padding-top: 50px; padding-left: 20px; position: absolute; bottom: 0; text-shadow:-2px 0 10px #333;}
    .lic-header h5{font-family: 'rubikbold'; font-size: 3em; text-align: center; color: #FFF; margin:0; padding: 0;}
    .lic-header .gota{width: 100%; height: 100%; background: url(../img/gotas.svg) no-repeat top left -150px; background-size: cover; mix-blend-mode: multiply !important; filter:saturate(10) !important; opacity: 1; position: absolute; z-index: 2;}
    .lic-header .linea{width: 70%; height: 10px; background: #ccc; margin:0 auto; border-radius: 10px;}
    .lic-header .dictamen{width: 350px; padding-top: 0px; margin:0 auto; color: #FFF; font-family: 'rubikmedium'; font-size: 1.2em; line-height: 1.4em; font-weight: 600; text-align: center; position: relative; z-index: 4;}
    .lic-header .portada{width: 365px; height: 400px; position: absolute; left: 60%; bottom: 0; z-index: 2; background-repeat: no-repeat !important; background-size: cover !important;}
    .lic-requisitos{ width: 100%; min-height: 200px;  min-height: 250px; padding: 0px 0; }
    .lic-requisitos .vacio{width: 25%; min-height: 250px; float: left;}
    .lic-requisitos .requisitos{width: 75%; float: right;}
    .lic-requisitos .requisitos .costos{width: 40%; float: left; padding-left: 10%; position: relative; padding-top: 30px; min-height: 300px;}
    .lic-requisitos .requisitos .req{width: 40%; padding-left: 10%; float: left; min-height: 300px; background: #b9cb19; position:relative; padding-top: 30px;}
    .lic-requisitos .requisitos .costos h3,.lic-requisitos .requisitos .req h3{color: #002a50; font-family: 'rubikbold'; text-transform: uppercase; font-size: 2em;}
    .lic-requisitos .requisitos .costos .triangle,.lic-requisitos .requisitos .req .triangle{position: absolute; width: 40px; height: 100px; top: 20%; left: 0; }
    .lic-requisitos .requisitos .costos .triangle .triangle-right{width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid #b9cb19;}
    .lic-requisitos .requisitos .req .triangle .triangle-right{width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid #b0dbef;}
    .lic-requisitos .requisitos .req ul li,.lic-requisitos .requisitos .req p{margin:0; padding: 0; font-family: 'rubikbold'; font-size: 1.4em; color: #333;}
    .lic-requisitos .requisitos .costos h4{font-family: 'rubikmedium'; font-size: 1.6em; color: #b9cb19; margin:0; padding: 0;}
    .lic-requisitos .requisitos .costos p{color: #333; font-family: 'rubikbold'; margin:0; font-size: 1.4em;}
    .lic-requisitos .requisitos .costos .icono,.lic-requisitos .requisitos .req .icono{position: absolute; top:50%; left: 50%; width: 150px; height: 150px; margin-left: -75px; margin-top: -75px; font-size: 15em; z-index: 0;}
    .lic-requisitos .requisitos .costos .icono {color: #e6e6e6; font-size: 18em;}
    .lic-requisitos .requisitos .req .icono {color: #b4b829; font-size: 15em;}
    .lic-requisitos .requisitos .inview-content{opacity: 0;}
    .lic-requisitos .requisitos p,.lic-requisitos .requisitos ul{position: relative;z-index: 1;}
    .lic-perfil{ width: 100%; min-height: 150px; background: #fff; padding:40px 0; position: relative; }
    .lic-perfil .imagen{display: block; width: 300px; height: 250px; margin: 0 auto; background: url(../img/perfil-egreso.png); background-repeat: no-repeat !important; background-size: cover !important;}
    .lic-perfil .egreso{width: 280px; margin: -450px auto 0 auto; text-align: justify; color: #666; position: relative; z-index: 10;}
    .lic-perfil .egreso h3,.lic-perfil .campo h3{font-size: 3.5em; font-family: 'rubikbold'; text-align: left; text-transform: uppercase; margin-bottom: 15px; }
    .lic-perfil .egreso h3{margin-top: -40px; color: #00587f;}
    .lic-perfil .campo{width: 70%; margin: 0 auto; text-align: justify; color: #666; position: relative; z-index: 10;}
    .lic-perfil .campo h3{margin-top: 50px; color: #00bdb6; }
    .lic-perfil .imagen-egreso{width: 300px; height: 250px; margin:-70px auto 0 auto;}
    .lic-perfil .triangulos{width: 200px; height:350px; position: absolute; left: 0; top: 0%; background: url(../img/triangulos_salud.svg) no-repeat center center; background-size: cover; }
    .lic-perfil .fondo-egreso{position: absolute; top: 0; right: 0px; height: 650px; width: 380px; background-size: cover;  width: 0; height: 0;  border-top: 350px solid transparent; border-bottom: 350px solid transparent; border-right:350px solid #ccc; }
    .lic-perfil .fondo-egreso .half-down{position: absolute; bottom: 0; right: 0px; width: 100%; height: 50%; background: #fff; clip-path: polygon(0 0, 0% 100%, 113% 101%);}
    .lic-perfil .icono img{width: 330px; margin-bottom: -30px;}
    .lic-perfil p{text-align: justify; width: 100%; font-family: 'rubikmedium'; font-size: 1.4em; color: #666; margin: 0 auto;}
    .lic-perfil ul li{list-style: circle; margin: 0; padding:0;}

    .lic-perfil-qfb { width: 100%; min-height: 150px; background: #fff; padding:40px 0; position: relative; }
    .lic-perfil-qfb .imagen{display: block; width: 300px; height: 250px; margin: 0 auto; background: url(../img/perfil-egreso.png); background-repeat: no-repeat !important; background-size: cover !important;}
    .lic-perfil-qfb .egreso{width: 280px; margin: -450px auto 0 auto; text-align: justify; color: #666; position: relative; z-index: 10;}
    .lic-perfil-qfb .egreso h3,.lic-perfil .campo h3{font-size: 3.5em; font-family: 'rubikbold'; text-align: left; text-transform: uppercase; margin-bottom: 15px; }
    .lic-perfil-qfb .egreso h3{margin-top: -40px; color: #00587f;}
    .lic-perfil-qfb .campo{width: 70%; margin: 0 auto; text-align: justify; color: #666; position: relative; z-index: 10;}
    .lic-perfil-qfb .campo h3{margin-top: 50px; color: #00bdb6; }
    .lic-perfil-qfb .imagen-egreso{width: 300px; height: 250px; margin:-70px auto 0 auto;}
    .lic-perfil-qfb .triangulos{width: 200px; height:350px; position: absolute; left: 0; top: 0%; background: url(../img/triangulos_salud.svg) no-repeat center center; background-size: cover; }
    .lic-perfil-qfb .fondo-egreso{position: absolute; top: 0; right: 0px; height: 650px; width: 380px; background-size: cover;  width: 0; height: 0;  border-top: 350px solid transparent; border-bottom: 350px solid transparent; border-right:350px solid #ccc; }
    .lic-perfil-qfb .fondo-egreso .half-down{position: absolute; bottom: 0; right: 0px; width: 100%; height: 50%; background: #fff; clip-path: polygon(0 0, 0% 100%, 113% 101%);}
    .lic-perfil-qfb .icono img{width: 330px; margin-bottom: -30px;}
    .lic-perfil-qfb p{text-align: justify; width: 100%; font-family: 'rubikmedium'; font-size: 1.4em; color: #666; margin: 0 auto;}
    .lic-perfil-qfb ul li{list-style: circle; margin: 0; padding:0;}


    .lic-proposito{width: 100%; min-height: 150px; padding: 40px 0 30px 0; background: url(../img/transparencia_cuadros.png) #ccc;}
    .lic-proposito h4{font-family: 'roboto-regular'; text-transform: uppercase; font-size: 1.9em; margin-bottom: 10px;}
    .lic-proposito p{font-family: 'arial'; font-size: 1.2em; color: #777;}
    .lic-plan{width: 100%; min-height: 300px; padding: 0px 0; color: #333;}
    .lic-plan .titulo{width: 25%; min-height: 300px; text-align: center;  display: block; float: left; position: relative;}
    .lic-plan .titulo .circle{position: absolute; left: -100px; top: 0;}
    .lic-plan .titulo .contenedor{width: 50%; padding-top: 150px; margin: 0 auto; }
    .lic-plan .titulo h4{font-family: 'rubikbold'; font-size: 3em; text-transform: uppercase; color: #b9cb19; margin: 0; text-align: center;}
    .lic-plan .titulo i{display: block; color: #a1d9f8; font-size: 10em; }
    .lic-plan .semestres{width: 70%; display: block; min-height: 300px; float: left; padding-left: 5%; position: relative; }
    .lic-plan .semestres .triangle{position: absolute; width: 40px; height: 100px; top: 50%; left: 0; margin-top: -50px; }
    .lic-plan .semestres .triangle .triangle-right{width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 40px solid #b9cb19;}
    .lic-plan ul{margin: 20px 0;}
    .lic-plan ul li{width: 24%; margin-right: 5px;  float: left; display: block; height: 185px; color: #333;}
    .lic-plan ul li h4{font-size: 1.5em; font-family: 'rubikmedium'; margin: 0; padding: 0; color: #333;}
    .lic-plan ul li p{line-height: 1.5em; font-size: 1.3em; font-family: 'rubiklight';}
    .lic-plan ul li:last-child{min-height: 50px;}
    .lic-convocatoria{width: 100%; min-height: 180px; padding: 10px 0; background: url(../img/convocatoria-medicina.png),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat !important; background-position: top right,top center !important; background-size: auto 100%,auto;}
    .lic-convocatoria h3{font-family: 'roboto-regular'; font-size: 4em; text-transform: uppercase; border-bottom: 2px solid #ccc; margin:0px 0 10px 0; padding-bottom: 10px; }
    .lic-convocatoria h4{font-family: 'roboto-regular'; font-size: 3.5em; line-height: 1em;}
    .lic-convocatoria h5{font-family: 'roboto-regular'; font-size: 3.5em; line-height: 1.2em;}
    .lic-convocatoria .titulo h5{font-family: 'roboto-regular'; font-size: 3.5em; line-height: 1.2em;}
    .lic-convocatoria a{ display:block; width:150px; height: 20px; padding:20px; background: #9cb31d; color: #FFF; text-align: center; font-size: 1.5em; text-decoration: none; line-height: 1.5em; margin-top: 50px; position: relative; z-index: 4; }
    .lic-convocatoria a:hover{background:#abc330;}
    .lic-convocatoriaX{width: 100%; min-height: 180px; padding: 10px 0; background: url(../img/medicina-tecno1.png),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat !important; background-position: top right,top center !important; background-size: auto 100%,auto;}
    .redpedagogia {width: 100%; min-height: 100px; padding:50px 0; background: #b61541;}
    .redpedagogia p{width: 75%; margin:0; color: #fff; text-align: justify; font-size: 2em; font-family: 'rubikmedium'; line-height: 1.2em;}
    .redpedagogia .boton a{display:block; width: 200px; height: 50px; background: #fff; border-radius: 10px; margin-top:15px; text-decoration:none; font-family: 'rubikmedium'; color: #b61541; text-transform: uppercase; text-align: center; font-size: 1.6em; line-height: 3.1em;}

    .vinculacion{width: 100%; position: relative; padding-top: 50px;}
    .vinculacion .lic-header{width: 600px; height: 600px; margin: 0 auto; position: absolute; top: 50%; left: 50%; border-radius: none; margin-left:-300px; margin-top: -300px; z-index: 100;}
    .vinculacion .lic-header .fondo{background-repeat:no-repeat !important; background-size: 100% !important; background-position: center center !important;  width: 100%; height: 100%;position: absolute; top: 0;}
    .vinculacion .triangulos{ width: 200px; height:350px; position: absolute; right: 0; top: 0%; background: url(../img/triangulos_salud.svg) no-repeat center center; background-size: cover; transform:rotate(180deg); }
    .vinculacion .triangulos2{width: 200px; height:350px; position: absolute; left: 0; bottom: 25%; background: url(../img/triangulos_salud.svg) no-repeat center center; background-size: cover; }
    .vinculacion .icono .circulo-externo{width: 160px; height: 160px; border:2px dashed #ccc; border-radius: 50%; position: absolute; bottom: -2px; left: -8px;}
    .vinculacion .circle .icono img{width: 60%; padding-top: 25px;}
    .vinculacion .top-footer{ width: 100%; min-height: 140px; padding: 0; position: relative; overflow:hidden; padding-top: 150px; background: #f6a000;
        background: -moz-linear-gradient(left, #f6a000 0%, #fabd00 100%);
        background: -webkit-linear-gradient(left, #f6a000 0%,#fabd00 100%);
        background: linear-gradient(to right, #f6a000 0%,#fabd00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a000', endColorstr='#fabd00',GradientType=1 ); }
    .vinculacion .top-footer .informacion{ width: 50%; margin:0 auto; text-align: left; position: relative; z-index: 10; font-family: 'SeravekMediumItalic'; color: #999;}
    .vinculacion .top-footer .informacion h3{font-family: 'roboto-regular'; color: #999;}
    .vinculacion .top-footer .informacion p{font-size: 1.6em;}
    .vinculacion .top-footer .fondo-circular{width: 100%; height: 500px; border-radius: 50%; top: 30%; left: 50%; margin-left: -40%; background: #FFF; position: absolute; z-index: 1; transform: rotate(5deg);}
    .vinculacion .iconos{width: 100%; display: block; height: 100px; margin-top:200px; position: relative; }
    .vinculacion .iconos ul{position: absolute; right: 0; top: 55px; z-index: 100;}
    .vinculacion .iconos ul li{float: left; height: 80px; width: 80px; margin:0 5px;}
    .vinculacion .iconos ul li a{display: block; width: 100%; height: 100%; background: #ccc; border-radius: 50%; text-align: center; font-family: 'bebas'; color:#fff; font-size: 2.5em; line-height: 3.2em; text-decoration: none; border:2px solid #fff;}
    .vinculacion .iconos ul li.europa a{background: #006da0;}
    .vinculacion .iconos ul li.oceania a{background: #a4c119;}
    .vinculacion .iconos ul li.africa a{background: #c72427;}
    .vinculacion .iconos ul li.america a{background: #009186;}
    .vinculacion .iconos ul li.asia a{background: #c30080;}
    
    .vinculacion .frase{position: absolute; right: 0;}
    .vinculacion .frase .line1{width: 200px; height: 100px; }
    .vinculacion .frase .line2{width: 300px; }
    .vinculacion .frase .line1{border-radius:0px 0px 100px 0px;}
    .becas .lic-header{margin-top:-260px;}
    .becas .lic-header .degradado{ width: 550px; height: 550px; position: absolute; top: 0px; z-index: 2;
        background: #a94580;
        background: -moz-radial-gradient(center, ellipse cover, #a94580 0%, #5e0145 100%);
        background: -webkit-radial-gradient(center, ellipse cover, #a94580 0%,#5e0145 100%);
        background: radial-gradient(ellipse at center, #a94580 0%,#5e0145 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94580', endColorstr='#5e0145',GradientType=1 ); border-radius: 50%;
    }
    .becas .lic-header .fondo{ position: relative; z-index: 100; background-size: 70% !important; top:-15%; z-index: 10;}
    .becas .opciones-beca{margin-top:20px;}
    .becas .opciones-beca .opcion1{width: 100%; min-height: 200px; background: #cf1481; padding:80px 0;}
    .becas .opciones-beca .opcion2{width: 100%; min-height: 200px; background: #7a0f43; padding:80px 0;}
    
    .becas .opciones-beca a{display:block; width: 100%; height: 100%; text-decoration: none;}
    .becas .opciones-beca a h3{text-decoration: none; text-align: center; color:#fff; font-family: 'Gotham-Black'; font-size:3.5em; text-transform: uppercase;}
    .becas .opciones-beca .opcion1,.becas .opciones-beca .opcion2{position:relative;}
    .becas .opciones-beca .opcion1 .bgfondo,.becas .opciones-beca .opcion2 .bgfondo{position:absolute; width: 360px; height: 220px; top:50%; left:50%; margin-left:-175px; margin-top:-125px; background-size:cover !important; opacity:.2;}
    .becas .opciones-beca .opcion1 .bgicono,.becas .opciones-beca .opcion2 .bgicono{width: 180px; height: 180px; margin:0 auto 20px auto; border-radius: 50%; text-align: center; position: relative; z-index: 2;}
    .becas .opciones-beca .opcion1 .bgicono img,.becas .opciones-beca .opcion2 .bgicono img{padding-top:20px;}
    .becas .opciones-beca .opcion1 .bgicono {background: rgba(90,1,34,.4);}
    .becas .opciones-beca .opcion2 .bgicono {background: rgba(40,1,12,.4);}
    .becas .opciones-beca .opcion1 .bgfondo{background:url(../img/icon-waves-1.svg);}
    .becas .opciones-beca .opcion2 .bgfondo{background:url(../img/icon-waves-1.svg); transform: rotate(180deg);}

    .informacion .icono-fondo{position: absolute; z-index: 100; width: 100%; height: 300px; top:30px; text-align: center;}
    .informacion .icono-fondo img{width: 80%;}
    .informacion .lic-header .titulo{position: absolute; width: 100%; z-index: 3; bottom:80px;}
    .informacion .lic-header .titulo h1{font-size: 7em; text-transform: uppercase;}
    .informacion .lic-header .titulo h2{font-size: 5em; text-transform: uppercase;}

    .descripcion-beca {width: 100%; padding: 50px 0;}
    .descripcion-beca .descripcion{width: 75%; margin:0 auto;}
    .becas-light-blue{background: #e5f2fd;}
    .descripcion-beca .tipos .icono{text-align: center; margin: 0 0 -20px 0; background:url(../img/icon-waves-2.svg) no-repeat center center; background-size: 70%;}
    .descripcion-beca .tipos .icono img{width: 250px;}
    .descripcion-beca .tipos h3{text-align: center; font-size: 4em; color: #56768e; font-family: 'rubikbold'; text-transform: uppercase; }
    .descripcion-beca .tipos h5{font-size: 3em; color: #56768e; font-family: 'rubikbold'; text-transform: uppercase; margin:10px 0; }
    .descripcion-beca .tipos h4{text-align: center; font-size: 3em; color: #56768e; font-family: 'rubikbold'; }
    .descripcion-beca .separador{width: 100%; height:5px; background: #d7ebfb; margin:15px auto; border-radius:5px;}
    .descripcion-beca .tipos p{font-family: 'rubikregular'; font-size: 2em;}
    .descripcion-beca .tipos p.cnt{text-align: center;}
    .descripcion-beca .tipos p a{text-decoration: none; color:#56768e;}
    .descripcion-beca .tipos .mintxt{font-size:1.3em; font-family: 'rubikregular'; text-align: center;}

    

    .medico-cirujano .lic-convocatoria{display: block;}
    .medico-cirujano .lic-convocatoria h3{color:#003e63; border-bottom: 2px solid #009ee3; }
    .medico-cirujano .lic-convocatoria h4{color:#00498e; }
    .medico-cirujano .lic-convocatoria h5{color:#52a6b2; }
    .medico-cirujano .lic-convocatoria h5 b{color: #999;}
    .martop{margin-top: 0px;}
    .cirujano-odontologo .circulo{background: #a3bb0c;}
    .cirujano-odontologo .linea{background: #a3bb0c;}
    .cirujano-odontologo .dictamen{color: #fff;}
    .cirujano-odontologo .portada{background: url(../img/odontologo.png) no-repeat; background-size: 100%; width: 380px; height: 610px; right: 0;  clip: rect(0, 100px, 100px, 0); }
    .cirujano-odontologo .titulo h1{font-size: 7em;}
    .cirujano-odontologo .lic-requisitos{background: #fff;}
    .cirujano-odontologo .lic-perfil .imagen{ background: url(../img/perfil-egreso-medico.jpg) no-repeat;}
    .cirujano-odontologo .lic-proposito{background-color: #9bd8f7;}
    .cirujano-odontologo .lic-proposito h4{color: #003e63;}
    .cirujano-odontologo .lic-proposito p{font-family: arial; font-size: 1.2em; color: #222;}
    .enfermeria .portada, .nivelacion .portada{background: url(../img/enfermera.png) no-repeat; background-size: cover;}
    .nivelacion .lic-header h2{font-size: 6em;}
    .nivelacion .lic-plan{min-height: 150px;}
    .nivelacion .lic-plan ul li{width: 35%;}
    .nivelacion .lic-plan ul li h4{font-size: 1.8em;}
    .nivelacion .lic-plan ul li p{font-size: 1.3em;}
    .nivelacion .lic-plan .semestres{min-height: 200px;}
    .nivelacion .lic-plan .titulo{padding-top: 80px;}
    
    .electronica .lic-header h2{font-size: 6.5em;}
    .sistemas .lic-header h2{font-size: 7em;}
    .mercadotecnia .lic-header h2{font-size: 6em;}
    .administracion .lic-header h2{font-size: 7.5em;}
    .educacion-fisica .lic-header h2{font-size: 7em;}
    .quimico .lic-header h2{font-size: 9em;}
    .nutricion .lic-header h2{font-size: 9em;}
    .psico-cli .lic-header h2{font-size: 9em;}
    .enfermeria .lic-header h2{font-size: 9em;}
    .psicologia .lic-header h2{font-size: 9em;}
    .trabajo-social .lic-header h2{font-size: 9em;}
    .pedagogia .lic-header h2{font-size: 9em;}
    .derecho .lic-header h2{font-size: 9em;}
    .politica .lic-header h2{font-size: 5.5em;}
    .maestria .lic-header h2{font-size: 6em; bottom: 50px;}
    .maestria .lic-header h4{font-size: 2.5em;}
    .maestria .mercadotecnia .lic-header h2{font-size: 8.5em;}
    .maestria .derecho-penal .lic-header h2{font-size: 8.5em;}
    .maestria .derecho-civil .lic-header h2{font-size: 7em;}
    .maestria .tecnologias .lic-header h2{font-size: 6em;}
    .maestria .educacion .lic-header h2{font-size: 7em;}
    .maestria .lic-plan{min-height: 230px; padding: 30px 0;}
    .maestria .lic-plan ul li h4{font-size: 2em;}
    .maestria .lic-plan ul li p{font-size: 1.4em;}
    .maestria .lic-plan .titulo{padding-top: 50px;}
    .maestria .derecho .lic-header h2{font-size: 5em;}
    /* CONVOCATORIAS*/
    .lic-header-convocatoria {width: 100%; height: 430px; padding: 20px 0; background: url(../img/convocatoria_medicina.jpg),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat !important; background-position: top right,top center !important; background-size: auto 100%,auto !important;}
    .lic-header-manuales {width: 100%; height: 430px; padding: 20px 0; background: url(../img/manuals.jpg),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat; background-position: top right,top center; background-size: auto 100%,auto;}
    .lic-header-convocatoria .navegacion{margin: 0; background: none; position: absolute; z-index: 2; top: -15px;}
    .lic-header-convocatoria .navegacion ul li{color: #333;}
    .lic-header-convocatoria .navegacion ul li a{color: #333;}
    .lic-header-convocatoria .navegacion ul li a:hover{color: #f59a06;}
    .lic-header-manuales .navegacion{margin: 0; background: none; position: absolute; z-index: 2; top: -15px;}
    .lic-header-convocatoria .linea{width: 60%; height: 3px; background: #bccf18; margin: 15px 0; }
    .lic-header-convocatoria .titulo h2{font-family: 'Gotham-Black'; font-size: 11em; color: #6e6e6e; line-height: 1em; margin: 0; padding-top: 80px; }
    .lic-header-convocatoria .titulo h3{font-family: 'roboto-regular'; font-size: 7em; color: #07456a; line-height: 1em;  }
    .lic-header-convocatoria .titulo h4{font-family: 'roboto-regular'; font-size: 5em; color: #009ee3; line-height: 1em;  }
    .lic-header-convocatoria .titulo h5{font-family: 'roboto-regular'; font-size: 3em; color: #009ee3; line-height: 1em;  }
    .lic-header-manuales .titulo h4{font-family: 'gotham-black'; font-size: 5em; color: #f9544e; text-align: left; padding-top: 100px; width: 70%; height: 80px; line-height: 1em;}
    .pedagogia .lic-header-convocatoria .titulo h3{font-size:3.8em; margin-top:15px;}
    .pedagogia .lic-header-convocatoria {height: 380px;}
    .pedagogia .lic-header-convocatoria .titulo h2{padding-top: 70px;}

    .sistema-ejecutivo .lic-header-convocatoria{width: 100%; height: 350px; padding: 20px 0; background: url(../img/face-marketing.png),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat !important; background-position: bottom right -15px,top center !important; background-size: auto 95%,auto !important;}
    .sistema-ejecutivo .lic-header-convocatoria .titulo h2{font-size: 7em;}
    .sistema-ejecutivo .lic-header-convocatoria .titulo h4{font-family: 'overpass'; font-size: 6em;}
    .sistema-ejecutivo .redpedagogia{ background: #ad4482; font-size: 1.1em;}
    .sistema-ejecutivo .redpedagogia .boton a{color:#ad4482; }

    .lic-requisitos-convocatoria{width: 100%; min-height: 300px; background: #fff;}
    .lic-requisitos-convocatoria .costos,.lic-requisitos-convocatoria .horarios {width: 100%; min-height: 100px; margin: 30px 0;}
    .lic-requisitos-convocatoria .costos .left,.lic-requisitos-convocatoria .horarios .left{width: 100px; float: left; text-align: center;}
    .lic-requisitos-convocatoria .costos .right,.lic-requisitos-convocatoria .horarios .right{ float: left; min-height: 100px; margin-left: 10px; border-left: 3px solid #009ee3; padding-left: 15px; font-size: 1.6em; line-height: 1.6em; color: #999;}
    .lic-requisitos-convocatoria .costos .right b,.lic-requisitos-convocatoria .horarios .right b{color: #07456a; font-weight: 600;}
    .lic-requisitos-convocatoria .costos i,.lic-requisitos-convocatoria .horarios i{color:#07456a; font-size: 8em;}
    .lic-requisitos-convocatoria .requisitos,.lic-requisitos-convocatoria .criterios {width: 100%; min-height: 150px; margin: 30px 0;}
    .lic-requisitos-convocatoria .requisitos .left,.lic-requisitos-convocatoria .criterios .left{width: 100px; float: left; text-align: center;}
    .lic-requisitos-convocatoria .requisitos .right,.lic-requisitos-convocatoria .criterios .right{ float: left;  min-height: 100px; margin-left: 10px; border-left: 3px solid #07456a; padding-left: 15px; font-size: 1.6em; line-height: 1.6em; color: #999;}
    .lic-requisitos-convocatoria .requisitos .right{width: 80%;}
    .lic-requisitos-convocatoria .requisitos .right b,.lic-requisitos-convocatoria .criterios .right b{color: #07456a; font-weight: 600;}
    .lic-requisitos-convocatoria .requisitos i,.lic-requisitos-convocatoria .criterios i{color:#009ee3; font-size: 8em;} 
    .lic-fechahora-convocatoria{width: 100%; background: #e6e6e6; padding:50px 0; }
    .lic-fechahora-convocatoria .icono{width: 100%; text-align: center; padding-top: 50px;}
    .lic-fechahora-convocatoria i{color: #295072; font-size: 12em; }
    .lic-fechahora-convocatoria .egreso{width: 100%; border-left: 2px solid #009ee3; padding: 20px 0; padding-left: 20px; font-size: 1.6em; line-height: 1.6em; color: #07456a;}
    .lic-fechahora-convocatoria .egreso b{color: #07456a; font-weight: 600;}
    .lic-fechahora-convocatoria .egreso span{color: #666;}
    .lic-fechahora-convocatoria .preficha, .lic-fechahora-convocatoria .temario { margin-top: 50px;}
    .lic-fechahora-convocatoria .preficha a,.lic-fechahora-convocatoria .temario a{width: 180px; height: 60px; border-radius: 75px; display: block; margin: 0 auto; background: #52a6b2; text-decoration: none; color: #FFF; font-size: 2.3em; line-height: 1em; font-family: 'roboto-regular'; text-align: center; padding-top: 12px;}
    .lic-fechahora-convocatoria .preficha a:hover, .lic-fechahora-convocatoria .temario a:hover{background: #328b97;}

    .sistema-ejecutivo .lic-requisitos-convocatoria .costos .right,.sistema-ejecutivo .lic-requisitos-convocatoria .horarios .right{border-left: 3px solid #f7af81;}
    .sistema-ejecutivo .lic-requisitos-convocatoria .costos i,.sistema-ejecutivo .lic-requisitos-convocatoria .horarios i{color:#ad4482;}
    .sistema-ejecutivo .lic-requisitos-convocatoria .costos .right b,.sistema-ejecutivo .lic-requisitos-convocatoria .horarios .right b{color:#ad4482;}
    .sistema-ejecutivo .lic-requisitos-convocatoria .requisitos i,.sistema-ejecutivo .lic-requisitos-convocatoria .criterios i{color:#ad4482;}

    .oferta-disponible .tipos .icono{text-align: center; margin: 0 0 50px 0; background:url(../img/icon-waves-3.svg) no-repeat center center; background-size: 70%;}
    .oferta-disponible .tipos .icono .fondo{width: 180px; height: 180px; background: #651d43; margin:0 auto; border-radius: 50%;}
    .oferta-disponible .tipos .icono i{font-size: 11em; color: #fff; line-height: 1.6em;}
    .oferta-disponible .tipos h3{text-align: center; font-size: 4em; color: #651d43; font-family: 'rubikbold'; text-transform: uppercase; }
    .oferta-disponible .tipos h5{font-size: 3em; color: #651d43; font-family: 'rubikbold'; text-transform: uppercase; margin:10px 0; }
    .oferta-disponible .tipos h4{text-align: center; font-size: 3em; color: #651d43; font-family: 'rubikregular'; }
    .oferta-disponible .separador{ width: 100%; height:5px; background: #ad4482; margin:15px auto; border-radius:5px; }
    .oferta-disponible .tipos p{ font-family: 'rubikregular'; font-size: 2em; }
    .oferta-disponible .tipos p.cnt{ text-align: center; }
    .oferta-disponible .tipos p a{ text-decoration: none; color:#56768e; }
    .oferta-disponible .tipos .mintxt{font-size:1.3em; font-family: 'rubikregular'; text-align: center;}
    .oferta-disponible .tipos ul li{margin:15px 0; padding:0; padding-left:15px; font-family: 'rubikregular'; font-size: 2em;}
    .oferta-disponible .tipos ul li a{ text-decoration: none; color: #333;}
    .oferta-disponible .tipos ul li:before { content: "•"; padding-right: 8px; color:#ad4482; font-size:1.8em; }

    .oferta-disponible-white .tipos .icono{background:url(../img/icon-waves-4.svg) no-repeat center center; background-size: 70%;}


    .novedades{padding: 60px 0; border-bottom: 1px solid #ccc;}
    .novedades h3{font-family: 'oswald';  font-size: 2.8em; color: #333;}
    .novedades .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .novedades ul#latest-news{margin: 0 0 20px 0; padding: 0;}
    .novedades ul#latest-news li{margin: 20px 0; padding: 0; display: block; width: 100%; min-height: 100px; border-bottom: 1px solid #e6e6e6;}
    .novedades ul#latest-news li a.imagen{display: block; width: 70px; height: 70px; float: left; margin-right: 15px; overflow: hidden; text-align: center; background-size: cover !important; background-position: center center !important; position: relative; }
    .novedades ul#latest-news li a.imagen .ver{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(250,250,250,.9); text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .novedades ul#latest-news li a.imagen .ver i{line-height: 2.5em; font-size: 3em; color: #da5f3e; padding-left: 5px;  }
    .novedades ul#latest-news li a.imagen:hover .ver{visibility: visible; opacity: 1;}
    .novedades ul#latest-news li .titulo{margin-bottom: 5px;}
    .novedades ul#latest-news li .titulo a{text-decoration: none; font-family: 'oswald'; color: #da5f3e; font-size: 2em; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    .novedades ul#latest-news li .titulo a:hover{color: #a53692;}
    .novedades ul#latest-news li .descripcion{font-family: arial; font-weight: 600; font-size: 1.3em; line-height: 1.8em; color: #999; margin-bottom: 5px;}
    .novedades ul#latest-news li .fecha{display: block; margin:0 0 0 85px; font-size: 1.2em; font-family: sans-serif; color: #999; font-weight: 600;}
    .novedades ul#latest-news li .fecha i{color: #444;}
    .novedades .vermas{margin-top: 15px;}
    .novedades .vermas a{ display: block; width: 100px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .novedades .vermas a:hover{border: 3px solid #333;}
    .novedades ul#latest-events { margin: 0; padding: 0; }
    .novedades ul#latest-events li{display:block; width: 48%; min-height: 350px; float: left;}
    .novedades ul#latest-events li:first-child{margin-right: 20px;}
    .novedades ul#latest-events li a.imagen{-webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; position: relative;}
    .novedades ul#latest-events li a.imagen{ display: block; width: 100%; height: 270px;  background-size: 125% !important; background-position: center center !important; border-bottom: 4px solid #da5f3e; margin-bottom: 20px;}
    .novedades ul#latest-events li a.imagen:hover{background-size: 120% !important; }
    .novedades ul#latest-events li a.imagen .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(242,150,52,.9);*/ background: rgba(110,110,110,.9); visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .novedades ul#latest-events li a.imagen .fondo .descripcion{color: #FFF; font-family: 'roboto-regular'; font-size: 1.5em; width: 90%; margin: 0 auto; height: 50%; margin-top: 90px; text-align: center;}
    .novedades ul#latest-events li a.imagen:hover .fondo{visibility: visible; opacity: 1;}
    .novedades ul#latest-events li .titulo a {text-decoration: none;}
    .novedades ul#latest-events li .titulo a h4{ font-family: 'bebas'; font-size: 2.5em; margin-bottom: 10px; color: #333; }
    .novedades ul#latest-events li .fecha{display: block; margin:0; font-size: 1.2em; font-family: sans-serif; color: #999; font-weight: 600;}
    .novedades ul#latest-events li .fecha i{color: #444;}
    .novedades ul#latest-events li .ver{margin-top: 15px;}
    .novedades ul#latest-events li .ver a{display: block; width: 100px; height: 35px; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s;}
    .novedades ul#latest-events li .ver a:hover{border: 3px solid #333;}
/* Agregado para afiliaciones y reconocimientos */
    .novedades ul#latest-eventos { margin: 0; padding: 0; }
    .novedades ul#latest-eventos li{display:block; width: 32%; min-height: 350px; float: left;}
    .novedades ul#latest-evento li:first-child{margin-right: 20px;}
    .novedades ul#latest-eventos li a.imagen{-webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; position: relative;}
    .novedades ul#latest-eventos li a.imagen{ display: block; width: 100%; height: 270px;  background-size: 100% !important; background-position: center center !important; border-bottom: 4px solid #da5f3e; margin-bottom: 20px;}
    .novedades ul#latest-eventos li a.imagen:hover{background-size: 120% !important; }
    .novedades ul#latest-eventos li a.imagen .fondo{position: absolute; top: 0; left: 0; width: 80%; height: 80%; /*background: rgba(242,150,52,.9);*/ background: rgba(110,110,110,.9); visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .novedades ul#latest-eventos li a.imagen .fondo .descripcion{color: #FFF; font-family: 'roboto-regular'; font-size: 1.5em; width: 90%; margin: 0 auto; height: 50%; margin-top: 90px; text-align: center;}
    .novedades ul#latest-eventos li a.imagen:hover .fondo{visibility: visible; opacity: 1;}
    .novedades ul#latest-eventos li .titulo a {text-decoration: none;}
    .novedades ul#latest-eventos li .titulo a h4{ font-family: 'bebas'; font-size: 2.5em; margin-bottom: 10px; color: #333; }
    .novedades ul#latest-eventos li .fecha{display: block; margin:0; font-size: 1.2em; font-family: sans-serif; color: #999; font-weight: 600;}
    .novedades ul#latest-eventos li .fecha i{color: #444;}
    .novedades ul#latest-eventos li .ver{margin-top: 15px;}
    .novedades ul#latest-eventos li .ver a{display: block; width: 100px; height: 35px; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s;}
    .novedades ul#latest-eventos li .ver a:hover{border: 3px solid #333;}
    .video-frame{ width: 100%; height: 400px; overflow: hidden; position: relative; }
    .video-frame .contenedor{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 30.7%; }
    .video-frame iframe, .video-frame object, .video-frame embed, .video-frame #player { position: absolute; top: -200px; left: 0; width: 100%; height: 100%; }
    .video-frame  a{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../img/overlays/03.png) rgba(30,30,30,.5); z-index: 1; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .video-frame  a:hover{background: url(../img/overlays/02.png) rgba(30,30,30,.1);}
    .video-frame  a .video-url{width: 150px; height: 150px; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; margin-left: -75px; margin-top: -75px; font-size: 12em; color: #FFF; line-height: 1.5em;}
    .video-frame  a:hover .video-url{color: #e52d27;}
    #modal-video{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 10; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .modal-video-close{width: 50px; height: 50px; text-align: center; position: absolute; right: 15px; top: 15px;}
    .modal-video-close a{display: block; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 25px; text-decoration: none; color: #ccc; font-size: 3em; font-weight: 600; line-height: 1.45em; -webkit-transition: border .3s, color .3s; -moz-transition: border .3s, color .3s; -o-transition: border .3s, color .3s; transition: border .3s, color .3s; }
    .modal-video-close a:hover{border: 1px solid #fff; color: #FFF;}
    .modal-video-frame{ position: absolute; top: 50%; left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; background: #000;}
    .modal-video-frame iframe{width: 100%; height: 100%;}
    .main-slogan{width: 100%; position: relative; padding: 40px 0 30px 0; min-height: 100px; /*background: url(../img/educacion.jpg) no-repeat top center #333;*/  text-align: center;  background: url(../img/fondo_footer.jpg) no-repeat center center #e6e6e6; background-size: cover; /*background-size: cover;*/}
    .main-slogan .marca{width: 800px; height: 140px; margin: 0 auto; background: url(../img/marca.png) no-repeat center center; background-size: cover; }
    /*.slogan .logo{width: 70px; height: 78px; margin: 0 auto; background: url(../img/logo_slogan.png) no-repeat; background-size: cover;}*/
    .main-slogan h3{ font-family: 'overpass'; text-transform: uppercase; font-size: 2.8em; color: #FFF; padding-top: 60px; }
    .historias-feed{margin-top: 20px;}
    .historias-feed h4{font-family: 'overpass'; font-size: 2em; color: #999;}
    /* FILOSOFIA */
    .filosofia article{margin: 0 10px;}
    .filosofia .share-content h5{text-align: center;}
    .filosofia .share-content ul{margin-left: 30px;}
    .filosofia .foto{width: 100% !important; margin: 0 auto;}
    .upgch-page-content h3{font-family: 'oswald';  font-size: 3.2em; color: #333;}
    .upgch-page-content h4{font-family: 'oswaldlight'; font-size: 1.8em; line-height: 1.2em; color: #444;}
    .upgch-page-content .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .upgch-page-content article{font-size: 1.6em; font-family: 'roboto-regular'; line-height: 1.6em; text-align: justify; color: #444; margin-bottom: 30px; margin-right: 10px;}
    .upgch-page-content article b{font-family: arial; font-weight: 600;}
    .upgch-page-content .left-side{display: block;  width: 350px; min-height: 550px; float: left; margin-right: 20px; font-size: 1.2em; text-align: center; font-weight: 600; color: #999;}
    .upgch-page-content .left-side b{font-family: arial; font-weight: 600; color: #333;}
    .upgch-page-content .right-side{ display: block;  width: 350px; min-height: 600px; float: right; margin-left: 20px; }
    .upgch-page-content .foto{width: 300px; height: 300px; margin: 80px auto 0 auto;  border-radius: 150px; overflow: hidden; background-size: cover !important; }
    .upgch-page-content .foto img{width: 100%;}
    .upgch-page-content .director{text-transform: uppercase;}
    .upgch-page-content .floatl{float: left; margin: 0 30px 10px 0;}
    .upgch-page-content .marginc{margin: 0 auto;}
    .upgch-page-content .centrado {text-align: center;}
    .mobil h3,.mobil .separador{display: none;}
    .admisiones .portada{ width: 100%; position: relative; height: 250px; margin-bottom: 15px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }
    .admisiones .portada .titulo{position: absolute; top: 0%; left: 0%; width:100%; height:100%;}
    .admisiones .portada .titulo h4{font-family: 'gotham-black'; font-size: 6em; color: #FFF; text-align: center; line-height: 3.9em;}
    .admisiones .portada .titulo{background: rgba(70,70,70,.90);}
    .admisiones .portada .slogan{position: absolute; width: 100%; height: 70px; bottom: 0; text-align: center; font-family: 'oswalditalic'; color: #FFF; font-size: 2.3em;}
    .admisiones p{font-family: 'roboto-regular'; font-size: 1.6em;}
    .admisiones h4,.admisiones h1,.admisiones h2,.admisiones h3{font-family: 'oswald'; color: #57bdcf;}
    .admisiones h4{font-size: 2.8em;}
    /* EGRESADOS */
    .egresados .header{width: 100%; position: relative; height: 400px; margin-bottom: 0; background: #f9544e; position: relative; }
    .egresados .portada{ width: 450px; position: absolute; height: 300px; right: 10%; bottom: 0; margin-bottom: 0; background-repeat: no-repeat !important; background-size: cover !important; }
    .egresados .header .titulo{width: 70%; min-height: 200px;  margin-left: 100px;}
    .egresados .header .titulo h4{font-family: 'gotham-black'; font-size: 10em; color: #FFF; text-align: left; padding-top: 100px; width: 100%; height: 80px;}
    .egresados .header .titulo .linea{width: 100%; height: 3px; background: #fb8883;}
    .egresados .header .slogan{ text-align: left; font-family: 'oswalditalic'; color: #FFF; font-size: 4em; line-height: 1.6em;}
    .egresados .header .circulo{position: absolute; right: 10%; top: 50%; margin-top: -150px; width: 300px; height: 300px; background: #fb8883; border-radius: 150px;}
    .egresados .introduccion{width: 100%; min-height: 120px; background: #852d29; font-size: 1.8em; line-height: 2em; color: #fff; font-family: 'roboto-regular'; padding-top: 30px;}
    .egresados .bienvenidos{padding: 30px 0; font-family: 'roboto-regular'; font-size: 1.8em; line-height: 1.8em; color: #666;}
    .egresados .bienvenidos h4{font-family: 'roboto-regular'; font-size: 1.4em; color: #ff524c; margin-bottom: 15px;}
    .egresados .actividades{min-height: 400px; padding: 50px 0 0 0; background: #ab111b; font-family: 'roboto-regular'; font-size: 1.8em; line-height: 1.4em; color: #FFF; background:url(../img/egresado_fondo.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;}
    .egresados .actividades .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(171,17,27,.95);}
    .egresados .actualizar{width: 100%; min-height: 170px; padding: 20px 0; background: url(../img/actualizar.png),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat; background-position: top right 50px,top center; background-size: auto 100%,auto;}
    .egresados .actualizar h3{font-family: 'roboto-regular'; color: #224a6e; font-size: 5em; padding-top: 30px; text-transform: uppercase; border-bottom: 3px solid #1e96c8; width: 70%; padding-bottom: 20px; margin-bottom: 20px;}
    .egresados .actualizar a{float: left; min-width:150px; height: 40px; background: #9cb31d; color: #FFF; text-align: center; font-size: 1.5em; text-decoration: none; line-height: 2.7em; }
    .egresados .actualizar a:hover{background:#abc330;}
    .egresados .enlaces{ width: 100%; min-height: 450px; background: -moz-radial-gradient(center, ellipse cover,  rgba(137,28,47,0.95) 0%, rgba(137,28,47,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(137,28,47,0.95) 0%,rgba(137,28,47,1) 100%);
background: radial-gradient(ellipse at center,  rgba(137,28,47,0.95) 0%,rgba(137,28,47,1) 100%),url(../img/ideas.jpg) no-repeat;;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3891c2f', endColorstr='#891c2f',GradientType=1 );
}
    .egresados .enlaces .egreso{width: 250px; height: 300px; margin: 0 auto; padding-top: 70px;}
    .egresados .enlaces .egreso a{text-decoration: none; text-align: center; display: block; width: 100%; height: 100%;}
    .egresados .enlaces .egreso a .icono{width: 250px; height: 250px; background: #fff; border-radius: 125px;}
    .egresados .enlaces .egreso a .icono i{font-size: 12em; color: #a2461f; line-height: 2em;}
    .egresados .enlaces .egreso a .titulo{margin-top: 15px; border-top: 4px solid #fa8983; color: #fff; text-transform: uppercase; font-family: 'roboto-regular'; font-size: 2em; padding-top: 10px;}
    .egresados .empresas a{display: block; width: 100%; height: 120px; background: #23afc8; color: #245974; text-decoration: none; font-size: 1.8em; color: #FFF; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
    .egresados .empresas a:hover{background: #1594ab;}
    .egresados .empresas a h5{line-height: 1.2em; padding-top: 30px; font-size: 2em; text-transform: uppercase; text-align: center; color: #FFF;}
    .egresados .egresado a{display: block; width: 100%; height: 120px; background: #57bdcf;  text-decoration: none; font-size: 1.8em; color: #FFF; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
    .egresados .egresado a:hover{background: #1594ab;}
    .egresados .egresado a h5{line-height: 1.2em; padding-top: 30px; font-size: 2em; text-transform: uppercase; text-align: center; color: #FFF;}
    .egresados h4{font-family: 'oswald'; margin-top: 18px;  font-size: 2.3em; color: #333;}
    .egresados .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .egresados .vacantes table tbody tr td{ padding: 15px 0; height: 100px; vertical-align: top; font-family: arial; font-size: 1.4em; color: #666; border-bottom: 1px solid #f4f4f4;}
    .egresados .vacantes table tbody tr td a{font-size: 1.6em; line-height: 1.2em; text-decoration: none; color: #333; font-family: 'overpass'; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    .egresados .vacantes table tbody tr td a:hover{color: #da5f3e}
    .egresados .vacantes table tbody tr td .circle{width: 8px; height: 8px; border-radius: 4px; background: #da5f3e; float: left; margin-top: 6px; margin-right: 5px;}
    .egresados .vermas{margin: 15px 0;}
    .egresados .vermas a{ display: block; width: 200px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .egresados .vermas a:hover{border: 3px solid #333;}
    ul#boletin li{display: block; margin-bottom: 15px;}
    ul#boletin li a{font-family: 'oswald'; text-decoration: none; font-size: 1.6em; color: #da5f3e;}
    ul#boletin li .descripcion{font-size: 1.3em; font-family: arial; font-weight: 600; color: #555;}
    ul#boletin li .fecha{margin-top: 5px; font-family: arial; font-size: 1.2em; font-weight: 600; color: #777;}
    /* VINCULACION */
    .vinculacion.header{width: 100%; position: relative; height: 400px; margin-bottom: 0; background: #f9544e; position: relative; }
    .vinculacion .portada{ width: 450px; position: absolute; height: 300px; right: 10%; bottom: 0; margin-bottom: 0; background-repeat: no-repeat !important; background-size: cover !important; }
    .vinculacion .header .titulo{width: 70%; min-height: 200px;  margin-left: 100px;}
    .vinculacion .header .titulo h4{font-family: 'gotham-black'; font-size: 6em; color: #FFF; text-align: left; padding-top: 300px; width: 90%;  line-height: 60px;}
    .vinculacion .header .titulo .linea{width: 100%; height: 3px; background: #fb8883;}
    .vinculacion .header .slogan{ text-align: left; font-family: 'oswalditalic'; color: #FFF; font-size: 4em; line-height: 1.6em;}
    .vinculacion .header .circulo{position: absolute; right: 5%; top: 25%;  width: 300px; height: 300px; }
    .vinculacion .introduccion{width: 100%; min-height: 120px; background: #1e8a53; font-size: 1.8em; line-height: 2em; color: #fff; font-family: 'roboto-regular'; padding-top: 30px;}
    .vinculacion .bienvenidos{font-family: 'roboto-regular'; font-size: 1.8em; line-height: 1.8em; color: #666;}
    .vinculacion .bienvenidos h4{font-family: 'roboto-regular'; font-size: 1.4em; color: #ff524c; margin-bottom: 15px;}
    .vinculacion .actividades{min-height: 400px; padding: 50px 0 0 0; background: #ab111b; font-family: 'roboto-regular'; font-size: 1.8em; line-height: 1.4em; color: #FFF; background:url(../img/egresado_fondo.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;}
    .vinculacion .actividades .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(171,17,27,.95);}
    .vinculacion .actualizar{width: 100%; min-height: 170px; padding: 20px 0; background: url(../img/actualizar.png),url(../img/exclusive_paper.png); background-repeat: no-repeat,repeat; background-position: top right 50px,top center; background-size: auto 100%,auto;}
    .vinculacion .actualizar h3{font-family: 'roboto-regular'; color: #224a6e; font-size: 5em; padding-top: 30px; text-transform: uppercase; border-bottom: 3px solid #1e96c8; width: 70%; padding-bottom: 20px; margin-bottom: 20px;}
    .vinculacion .actualizar a{float: left; min-width:150px; height: 40px; background: #9cb31d; color: #FFF; text-align: center; font-size: 1.5em; text-decoration: none; line-height: 2.7em; }
    .vinculacion .actualizar a:hover{background:#abc330;}
    .vinculacion .enlaces{ width: 100%; min-height: 450px; background: -moz-radial-gradient(center, ellipse cover,  rgba(137,28,47,0.95) 0%, rgba(137,28,47,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(137,28,47,0.95) 0%,rgba(137,28,47,1) 100%);
background: radial-gradient(ellipse at center,  rgba(137,28,47,0.95) 0%,rgba(137,28,47,1) 100%),url(../img/ideas.jpg) no-repeat;;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3891c2f', endColorstr='#891c2f',GradientType=1 );
}
    .vinculacion .enlaces .egreso{width: 250px; height: 300px; margin: 0 auto; padding-top: 70px;}
    .vinculacion .enlaces .egreso a{text-decoration: none; text-align: center; display: block; width: 100%; height: 100%;}
    .vinculacion .enlaces .egreso a .icono{width: 250px; height: 250px; background: #fff; border-radius: 125px;}
    .vinculacion .enlaces .egreso a .icono i{font-size: 12em; color: #a2461f; line-height: 2em;}
    .vinculacion .enlaces .egreso a .titulo{margin-top: 15px; border-top: 4px solid #fa8983; color: #fff; text-transform: uppercase; font-family: 'roboto-regular'; font-size: 2em; padding-top: 10px;}
    .vinculacion .empresas a{display: block; width: 100%; height: 120px; background: #23afc8; color: #245974; text-decoration: none; font-size: 1.8em; color: #FFF; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
    .vinculacion .empresas a:hover{background: #1594ab;}
    .vinculacion .empresas a h5{line-height: 1.2em; padding-top: 30px; font-size: 2em; text-transform: uppercase; text-align: center; color: #FFF;}
    .vinculacion .egresado a{display: block; width: 100%; height: 120px; background: #57bdcf;  text-decoration: none; font-size: 1.8em; color: #FFF; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
    .vinculacion .egresado a:hover{background: #1594ab;}
    .vinculacion .egresado a h5{line-height: 1.2em; padding-top: 30px; font-size: 2em; text-transform: uppercase; text-align: center; color: #FFF;}
    .vinculacion h4{font-family: 'oswald'; margin-top: 18px;  font-size: 2.3em; color: #333;}
    .vinculacion .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .vinculacion .vacantes table tbody tr td{ padding: 15px 0; height: 100px; vertical-align: top; font-family: arial; font-size: 1.4em; color: #666; border-bottom: 1px solid #f4f4f4;}
    .vinculacion .vacantes table tbody tr td a{font-size: 1.6em; line-height: 1.2em; text-decoration: none; color: #333; font-family: 'overpass'; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    .vinculacion .vacantes table tbody tr td a:hover{color: #da5f3e}
    .vinculacion .vacantes table tbody tr td .circle{width: 8px; height: 8px; border-radius: 4px; background: #da5f3e; float: left; margin-top: 6px; margin-right: 5px;}
    .vinculacion .vermas{margin: 15px 0;}
    .vinculacion .vermas a{ display: block; width: 200px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .vinculacion .vermas a:hover{border: 3px solid #333;}
    /* SERVICIOS ESCOLARES */
    .servicios .portada{ width: 100%; position: relative; height: 250px; margin-bottom: 0; background-repeat: no-repeat !important; background-size: cover !important; background-position: top -100px center !important; }
    .servicios .portada .titulo{position: absolute; top: 0%; left: 0%; width:100%; height:100%;}
    .servicios .portada .titulo h4{font-family: 'gotham-black'; font-size: 6em; color: #FFF; text-align: center; line-height: 3.9em;}
    .servicios .portada .titulo{background: rgba(110,72,133,.90);}
    .servicios .portada .slogan{position: absolute; width: 100%; height: 70px; bottom: 0; text-align: center; font-family: 'oswalditalic'; color: #FFF; font-size: 2.3em;}
    .servicios p{font-family: 'roboto-regular'; font-size: 1.6em; color: #444;}
    .servicios .links a{display: block; width: 100%; height: 120px; background: #ccc; color: #FFF; text-decoration: none; font-size: 1.2em; color: #FFF; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
    .servicios .links a:hover{background: #999;}
    .servicios .links a h5 i{display: block; padding-top: 15px; font-size: 2em;}
    .servicios .links a h5{line-height: 1.6em;  font-size: 2em; text-transform: uppercase; text-align: center; color: #FFF;}
    .servicios .links a.green{background: #729726;}
    .servicios .links a.green:hover{background: #999;}
    .servicios .links a.orange{background: #da5f3e;}
    .servicios .links a.orange:hover{background: #999;}
    .servicios .links a.blue{background: #015ab4;}
    .servicios .links a.blue:hover{background: #999;}
    /* PROCESO DE TITULACION */
    .proceso-titulacion .header{height: 400px; background-repeat: no-repeat; background-position: top right; background-color: #f17e3b;}
    .proceso-titulacion  .navegacion{margin: 0; background: none; position: absolute; z-index: 2;}
    .proceso-titulacion  .navegacion ul li{color: #ccc;}
    .proceso-titulacion  .navegacion ul li a{color: #ccc;}
    .proceso-titulacion  .navegacion ul li a:hover{color: #fff;}
    .proceso-titulacion .titulo{width: 500px; min-height: 300px; position: relative;}
    .proceso-titulacion h2{font-family: 'Gotham-Black'; font-size: 8.8em; color: #FFF; width: 500px; line-height: 1em; padding-top: 50px; padding-left: 20px; position: absolute; bottom: 0; text-shadow:0 0px 10px #333;}
    .proceso-titulacion .linea{width: 70%; height: 3px; background: #002850;}
    .proceso-titulacion .descripcion{width: 100%; padding: 20px 0; color: #555555;}
    .proceso-titulacion .descripcion{ font-family: 'roboto-regular'; font-size: 1.6em; }
    .proceso-titulacion .descripcion .opcion-titulacion{width: 85%; margin: 0 auto;}
    .proceso-titulacion .descripcion .opcion-titulacion .icon{text-align: center; padding: 20px 0;}
    .proceso-titulacion .descripcion .opcion-titulacion .icon i{font-size: 8em; color: #f17e3b;}
    .proceso-titulacion .descripcion .opcion-titulacion .titulo{text-align: center; width: 100%; min-height: 50px; border-bottom: 4px solid #0b456b; margin-bottom: 15px;}
    .proceso-titulacion .descripcion .opcion-titulacion .detalle{margin-bottom: 30px;}
    .proceso-titulacion .maestria{background: #e8e8e8;}
    .proceso-titulacion .maestria .opcion-titulacion .icon i{color: #555;}
    .proceso-titulacion .maestria h4{font-family: 'oswald'; font-size: 2em; color: #255273;}
    .proceso-titulacion .maestria .opcion-titulacion .titulo{border-bottom: 4px solid #f17e3b;}
    .proceso-titulacion .requisitos{ width: 100%; min-height: 300px; background: #FFF; padding: 20px 0; font-size: 1.4em; color: #666; }
    .proceso-titulacion .requisitos h4{font-family: 'oswald'; font-size: 2em; color: #f17e3b; margin: 10px 0; }
    .proceso-titulacion .requisitos b{font-family: 'roboto-regular'; color: #444; font-weight: 600; }
    .proceso-titulacion .requisitos .left-icon{width: 100px; min-height: 150px; float: left; display: block;}
    .proceso-titulacion .requisitos .left-icon i{font-size: 5em; color: #0b456b; line-height: 2em;}
    .proceso-titulacion .requisitos .right-side{width: 70%; float: left; min-height: 150px; border-left: 3px solid #62c2d0; padding-left: 15px; color:#14a6e1; }
    .proceso-titulacion .requisitos .notas{margin-top: 25px; color: #f17e3b;}
    .proceso-titulacion .solicitud{background: #d05907; padding:40px 0; font-family: 'roboto-regular'; color: #FFF; font-size: 1.4em; }
    .proceso-titulacion .solicitud h4{font-family: 'oswald'; color: #FFF; font-size: 2.2em;}
    .proceso-titulacion .solicitud b{font-family: 'roboto-regular'; font-size: 1.2em; font-weight: 600; color: #f8b080;}
    .proceso-titulacion .solicitud .boton-solicitud{text-transform: uppercase; font-size: 1.6em; text-align: center; width: 140px; padding-top: 100px; margin: 0 auto;}
    .proceso-titulacion .solicitud .boton-solicitud a{text-decoration: none; color: #FFF; font-family: 'oswald'; line-height: 1.4em;}
    .proceso-titulacion .solicitud .boton-solicitud i {display: block; font-size: 5em; color: #f4975c; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    .proceso-titulacion .solicitud .boton-solicitud a:hover i{color: #FFF;}
    .titulacion p{font-family: 'roboto-regular'; font-size: 1.6em; color: #444;}
    .titulacion p.intro{margin-top: 15px;}
    .titulacion h4,.admisiones h1,.admisiones h2,.admisiones h3{font-family: 'oswald'; color: #57bdcf;}
    .titulacion h4{font-size: 2.4em; color: #444;}
    .servicios p{font-family: 'roboto-regular'; font-size: 1.6em; color: #444;}
    .reinscripciones{margin: 50px 0; height: 120px; width: 100%; display: block;}
    .reinscripciones .links2{width: 45%; height: 120px; float: left; margin:0 2%;}
    .reinscripciones .links2 a{display: block; width: 100%; height: 100%; text-decoration: none; border: 3px solid #ccc; text-align: center; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .reinscripciones .links2 a:hover{background: #ccc;}
    .reinscripciones .links2 a i{display: block; font-size: 2em; padding-top: 25px;}
    .reinscripciones .links2 a h5{font-size: 2em; line-height: 2em; font-family: 'oswalditalic';}
    /* SERVICIO SOCIAL */
    .servicio-social .portada{ width: 100%; position: relative; height: 250px; margin-bottom: 0; background-repeat: no-repeat !important; background-size: cover !important; background-position: top -100px center !important; }
    .servicio-social .portada .titulo{position: absolute; top: 0%; left: 0%; width:100%; height:100%;}
    .servicio-social .portada .titulo h4{font-family: 'gotham-black'; font-size: 6em; color: #FFF; text-align: center; line-height: 3.9em;}
    .servicio-social .portada .titulo{background: rgba(112,2,3,.90);}
    .servicio-social .portada .slogan{position: absolute; width: 100%; height: 70px; bottom: 0; text-align: center; font-family: 'oswalditalic'; color: #FFF; font-size: 2.3em;}
    .servicio-social p{font-family: 'roboto-regular'; font-size: 1.6em; color: #444;}
    /* FOLLETOS DIGITALES*/
    ul#folletos{ margin: 30px 0; padding:0; display: block; min-height: 150px; }
    ul#folletos li{display: block; margin: 0 1%; padding: 0; width: 30%; height: 250px; float: left;}
    ul#folletos li a{display: block; width: 100%; height: 100%; text-decoration: none; background-size: cover !important; background-position: center center !important; }
    ul#folletos li a h4{margin: 10px 0; font-size: 2.3em;}
    /* AVISO DE PRIVACIDAD */
    .privacidad{ display: block; min-height: 150px;}
    .privacidad ul{margin: 0; padding: 0;}
    .privacidad ul li { margin: 0 0 15px 0; padding: 0; min-height: 70px; width: 49%; float: left; background: #f2f2f2; border-radius: 3px; }
    .privacidad ul li:nth-child(odd){margin-right: 2%;}
    .privacidad ul li a{display: block; width: 100%; text-decoration: none; font-size: 1em; text-indent: 10px; font-family: 'overpass'; line-height: 4.5em; color: #333;}
    .privacidad ul li ul{margin: 0 0 0 30px;}
    .privacidad table{margin: 0 auto; padding: 0; border-top: 1px solid #ccc; width: 80%; border-left: 1px solid #ccc;}
    .privacidad table thead tr th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px; font-weight: 600; }
    .privacidad table tbody tr td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px;}
    .portada-privacidad{text-align: center;}
    .portada-terminos{width: 300px; margin: 0 auto;}
    .portada-terminos img{width: 100%;}
    /* CONTACTO */
    #map-canvas{ height: 300px; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
    .contacto .datos-content{ width: 100%; height: 270px; background: #f6f6f6; }
    .contacto .contact-item{ width: 90%; margin: 0 auto; font-size: 1.6em; padding: 30px 0; text-align: center; font-family: 'oswald'; color: #555; }
    .contacto .contact-item i{ display: block; font-size: 5em; line-height: 1.6em; color: #245974; }
    .contacto p{font-size: 1.3em; font-family: arial; font-weight: 600; color: #444;}
    .contacto form input[type=text]{ width: 98%; padding: 15px 0;  font-family: arial; font-weight: 600; font-size: 1.6em; text-indent: 10px;}
    .contacto .cnt-btn{background: #ed2f59; width: 100px; height: 100px; display: block; border-radius: 50px; position: relative; /*margin: 0 auto 20px auto;*/ margin: -60px 0 0 0; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .contacto .cnt-btn i{display: block; color: #FFF; text-align: center; font-size: 4.5em; padding-top: 18px;}
    .contacto form input[type=submit]{ background: none; font-size: 1.4em; color: #FFF; font-family: arial; font-weight: 600; line-height: 9.5em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px;}
    .contacto .cnt-btn:hover{background: #777;}
    .contacto .logo-upgch{ width: 200px; height: 300px; margin: 0 auto; background: url(../img/logo.svg) no-repeat center center; background-size: cover;}
    .contacto .nombre-logo{ font-family: 'Gotham-Black'; font-size: 2.5em; line-height: 1.2em; text-transform: uppercase; text-align: center; color: #5B5B5B;}
    .contacto .nombre-logo b{color: #EE8919;}

    .informes form input[type=text]{ width: 98%; padding: 15px 0;  font-family: arial; font-weight: 600; font-size: 1.6em; text-indent: 10px;}
    .informes textarea{width: 97%; padding:10px .5%; font-family: arial; font-weight: 600; font-size: 1.6em;}
    .informes .cnt-btn{background: #ed2f59; width: 200px; height: 65px; display: block; border-radius: 10px; position: relative; /*margin: 0 auto 20px auto;*/ margin: 0px 0 0 0; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .informes .cnt-btn i{display: block; color: #FFF; text-align: left; font-size: 3.5em; padding-top: 12px; padding-left: 30px; float: left;}
    .informes form input[type=submit]{ background: none; font-size: 1.8em; color: #FFF; font-family: arial; font-weight: 600; line-height: 2.5em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px;}
    /* DIRECTORIO */
    ul#directorio{margin: 0; padding: 0;}
    ul#directorio li{margin: 0 0 30px 0; padding: 0; text-align: center;}
    ul#directorio li .logo{width: 130px; height: 130px; margin: 0 auto;  border-radius: 65px; font-family: 'bebas'; font-size: 4em; line-height: 2em; color: #fff; background-size: cover !important; background-position: center center !important; position: relative; }
    ul#directorio li .logo .fondo{width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; display: block; background: rgba(30,30,30,.3); -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    ul#directorio li .logo:hover .fondo{visibility: hidden; opacity: 0;}
    /*ul#directorio li:first-child .lv{background: #57bdcf; color: #245974;}
    ul#directorio li:nth-child(2) .lv{background: #5acbdf; color: #4295a4;}
    ul#directorio li:nth-child(3) .lv{background: #5acbdf; color: #4295a4;}
    ul#directorio li .lv{background: #8ad6e4; color: #44a3b4;}*/
    ul#directorio li .puesto h4{font-family: 'oswald'; font-size: 1.3em; margin: 15px 0;}
    ul#directorio li .nombre{font-family: 'oswalditalic'; font-size: 1.2em; margin-bottom: 15px; line-height: 1.4em;}
    ul#directorio li .telefono{font-family: 'oswaldlight'; font-size: 1.1em;}
    ul#directorio li.nivel_1{width: 100%; display: block;}
    ul#directorio li.nivel_2{width: 50%; display: block; float: left;}
    ul#directorio li.nivel_3{width: 33.33%; float: left; display: block;}
    ul#directorio li.nivel_1 .contenedor{width: 500px; height: 350px; display: block; margin: 0 auto;}
    ul#directorio li.nivel_1 .contenedor .logo{width: 200px; height: 200px; border-radius: 100px; font-size: 6.5em;}
    ul#directorio li.nivel_2 .contenedor{min-height: 340px;}
    ul#directorio li.nivel_2 .contenedor .logo{width: 170px; height: 170px; border-radius: 85px; font-size: 5em;}
    ul#directorio li.nivel_3 .contenedor{min-height: 300px;}
    ul#directorio li.nivel_3 .contenedor .puesto h4{font-size: 1.3em;}
    /* EDUCACION BASICA */
    .educacion-basica{ width: 900px; min-height: 800px; margin: 0 auto; padding: 0; position: relative; text-align: left; }
    .educacion-basica .contenedor{position: relative; width: 100%; z-index: 2; box-shadow:0 0 10px #e6e6e6; overflow:hidden;}
    .educacion-basica .titulo{ position: relative; z-index: 2; width: 50%; height: 400px; float: left;}
    .educacion-basica .titulo h3{font-family: 'KBHoldthePhone'; font-size: 8em; line-height: 1em; color: #FFF;  padding: 180px 0 0 0px; text-align: center;}
    .educacion-basica .titulo p.clave{font-size: 2em; text-align: center; font-family: 'oswald'; font-style: italic; font-weight: bold;}
    .educacion-basica .portada{width: 50%; height: 400px; float: left; position: relative; display: block;}
    .educacion-basica .portada .circulo{width: 400px; height: 400px; position: absolute; left: 50%; top: 60%; margin-left: -200px; margin-top: -200px; background: url(../img/circulo-borde-1.svg) no-repeat; background-size: cover; }
    .educacion-basica .portada .circulo-foto{width: 400px; height: 400px; position: absolute; left: 50%; top: 60%; margin-left: -200px; margin-top: -200px; background-repeat: no-repeat !important; background-size: cover !important;  z-index: 2;}
    .educacion-basica .portada .imagen{width: 320px; height: 320px; position: absolute; left: 50%; top: 60%; margin-left: -160px; margin-top: -155px; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 50%;  }
    .educacion-basica .informacion{ display: block; width: 80%; margin:0 auto; }
    .educacion-basica .informacion .descripcion{width: 45%; float: left; font-family: 'SeravekMediumItalic'; font-size: 2em; color: #333; margin-right: 5%;}
    .educacion-basica .informacion .detalles{width: 45%; float: left; font-family: 'SeravekMediumItalic'; font-size: 2em; color: #999; padding-top: 80px; margin-left: 5%;}
    .educacion-basica .informacion2{ display: block; width: 80%; margin:0 auto; }
    .educacion-basica .informacion2 .descripcion{width: 45%; float: left; font-family: 'SeravekMediumItalic'; font-size: 2em; color: #999; margin-right: 5%;}
    .educacion-basica .informacion2 .detalles{width: 45%; float: left; font-family: 'SeravekMediumItalic'; font-size: 2em; color: #333; margin-left: 5%;}
    .educacion-basica .coordinador{width: 100%; display: block; min-height: 200px; margin: 100px 0 70px 0;}
    .educacion-basica .coordinador .nombre{width: 60%; display: block; float: left;}
    .educacion-basica .coordinador .nombre .margen{width: 80%; margin: 0 auto; padding: 10px 0; text-align: right;}
    .educacion-basica .coordinador .nombre h4{font-family: 'SeravekMediumItalic'; font-size: 2.4em; }
    .educacion-basica .coordinador .nombre h5{font-family: 'roboto-regular'; color: #333; font-size: 1.8em; margin-bottom: 5px; font-weight: 600;}
    .educacion-basica .coordinador .nombre b{color: #aaa; font-family: 'SeravekMediumItalic'; font-size: 1.8em;}
    .educacion-basica .coordinador .foto{width: 200px; height: 200px; float: left;  margin: -50px 0 0 30px; background-size: cover !important; background-position: center center !important; border-radius: 100px; box-shadow: 0 0 40px #333; position: relative; z-index: 3;}
    .educacion-basica .contenedor .top-brush{ width: 800px; height: 550px; background-size: 150% !important; position:absolute; top:-220px; left: -250px; }
    .educacion-basica .contenedor .bottom-brush{ width: 600px; height: 250px; background-size: 100% !important; position:absolute; bottom:0px; right: -100px; z-index: 1; }
    .educacion-basica .contenedor .top-right-circle{width: 350px; height: 350px; background-size: 100% !important; position:absolute; top:0px; right: -120px;}
    .educacion-basica .contenedor .bottom-left-circle{width: 400px; height: 400px; background-size: 100% !important; position:absolute; bottom:0px; left: -220px;}
    .educacion-basica .portada .circulo-foto{background: url(../img/circulo-foto-preescolar.svg);}
    .educacion-basica .introduccion .imagen{background-size: cover !important; background-position: center center !important;}

    .maternal .contenedor .top-brush{background: url(https://www.upgch.edu.mx/img/maternal-top-brush.svg) no-repeat;}
    .maternal .contenedor .bottom-brush{background: url(https://www.upgch.edu.mx/img/maternal-bottom-brush.svg) no-repeat;}
    .maternal .contenedor .top-right-circle{background: url(https://www.upgch.edu.mx/img/maternal-top-circle.svg) no-repeat;}
    .maternal .contenedor .bottom-left-circle{ background: url(https://www.upgch.edu.mx/img/maternal-bottom-circle.svg) no-repeat; }
    .maternal .portada .circulo-foto{background: url(https://www.upgch.edu.mx/img/circulo-foto-maternal.svg);}
    .maternal .titulo h3{-webkit-text-fill-color: white; -webkit-text-stroke-color: #8BBFCB; -webkit-text-stroke-width: 5.00px; }
    .maternal .titulo p.clave{color: #864F90;}
    .maternal .coordinador .nombre h5{ color: #864F90; }
    
    .preescolar .contenedor .top-brush{background: url(https://www.upgch.edu.mx/img/preescolar-top-brush.svg) no-repeat;}
    .preescolar .contenedor .bottom-brush{background: url(https://www.upgch.edu.mx/img/preescolar-bottom-brush.svg) no-repeat;}
    .preescolar .contenedor .top-right-circle{background: url(https://www.upgch.edu.mx/img/preescolar-top-circle.svg) no-repeat;}
    .preescolar .contenedor .bottom-left-circle{ background: url(https://www.upgch.edu.mx/img/preescolar-bottom-circle.svg) no-repeat; }
    .preescolar .portada .circulo-foto{background: url(https://www.upgch.edu.mx/img/circulo-foto-preescolar.svg);}
    .preescolar .titulo h3{-webkit-text-fill-color: white; -webkit-text-stroke-color: #F2CE3A; -webkit-text-stroke-width: 5.00px; }
    .preescolar .titulo p.clave{color: #C03B8B;}
    .preescolar .coordinador .nombre h5{ color: #de8f94; }

    .primaria .contenedor .top-brush{background: url(https://www.upgch.edu.mx/img/primaria-top-brush.svg) no-repeat;}
    .primaria .contenedor .bottom-brush{background: url(https://www.upgch.edu.mx/img/primaria-bottom-brush.svg) no-repeat;}
    .primaria .contenedor .top-right-circle{background: url(https://www.upgch.edu.mx/img/preescolar-top-circle.svg) no-repeat;}
    .primaria .contenedor .bottom-left-circle{ background: url(https://www.upgch.edu.mx/img/primaria-bottom-circle.svg) no-repeat; }
    .primaria .portada .circulo-foto{background: url(https://www.upgch.edu.mx/img/circulo-foto-primaria.svg);}
    .primaria .titulo h3{-webkit-text-fill-color: white; -webkit-text-stroke-color: #90CCAD; -webkit-text-stroke-width: 5.00px; }
    .primaria .titulo p.clave{color: #C03B8B;}
    .primaria .coordinador .nombre h5{ color: #90CCAD; }

    .secundaria .contenedor .top-brush{background: url(https://www.upgch.edu.mx/img/secundaria-top-brush.svg) no-repeat;}
    .secundaria .contenedor .bottom-brush{background: url(../img/secundaria-bottom-brush.svg) no-repeat;}
    .secundaria .contenedor .top-right-circle{background: url(../img/secundaria-top-circle.svg) no-repeat;}
    .secundaria .contenedor .bottom-left-circle{ background: url(../img/secundaria-bottom-circle.svg) no-repeat; }
    .secundaria .portada .circulo-foto{background: url(../img/circulo-foto-secundaria.svg);}
    .secundaria .titulo h3{-webkit-text-fill-color: white; -webkit-text-stroke-color: #EAA843; -webkit-text-stroke-width: 5.00px; }
    .secundaria .titulo p.clave{color: #C03B8B;}
    .secundaria .coordinador .nombre h5{ color: #EAA843; }
    
    .preparatoria .contenedor .top-brush{background: url(../img/preparatoria-top-brush.svg) no-repeat;}
    .preparatoria .contenedor .bottom-brush{background: url(../img/preparatoria-bottom-brush.svg) no-repeat;}
    .preparatoria .contenedor .top-right-circle{background: url(../img/preparatoria-top-circle.svg) no-repeat;}
    .preparatoria .contenedor .bottom-left-circle{ background: url(../img/preparatoria-bottom-circle.svg) no-repeat; }
    .preparatoria .portada .circulo-foto{background: url(../img/circulo-foto-preparatoria.svg);}
    .preparatoria .titulo h3{-webkit-text-fill-color: white; -webkit-text-stroke-color: #5D5D5D; -webkit-text-stroke-width: 5.00px; }
    .preparatoria .titulo p.clave{color: #44A6C6;}
    .preparatoria .coordinador .nombre h5{ color: #44A6C6; }

    .listado-especialidades{ margin-top: 30px; display: block; }
    .listado-especialidades ul#posgrados { margin: 0; padding: 0; }
    .listado-especialidades ul#posgrados li{display:block; width: 48%; min-height: 300px; float: left; margin: 0 1%;}
    .listado-especialidades ul#posgrados li a .imagen{ display: block; width: 100%; height: 250px; overflow: hidden; margin-bottom: 15px; position: relative; background-size: cover !important; background-position: center center !important;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .listado-especialidades ul#posgrados li a .imagen .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30,30,30,.7); z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .listado-especialidades ul#posgrados li a .imagen .fondo .vermas{width: 100%; height: auto; text-align: center; font-family: 'oswald'; color: #fff; font-size: 1.6em;}
    .listado-especialidades ul#posgrados li a .imagen .fondo .icono{display: block; width: 100px; height: 100px; margin: 60px auto 0 auto; background: url(../img/logo_blanco.svg) no-repeat top center; background-size: cover;}
    .listado-especialidades ul#posgrados li a:hover .imagen .fondo{visibility: visible; opacity: 1;}
    .listado-especialidades ul#posgrados li .titulo a {text-decoration: none; display: block; min-height: 35px; }
    .listado-especialidades ul#posgrados li .titulo a h4{ font-family: sans-serif; font-size: 2.2em; font-weight: 400; margin-bottom: 5px; color: #333; }
    .listado-especialidades ul#posgrados li .categoria a{display: block; text-decoration: none; margin:0; font-size: 1.5em; font-family: sans-serif; color: #999; font-weight: 600;}
    .listado-especialidades ul#posgrados li .categoria i{color: #777;}
    .listado-posgrados .salud{width: 50%; min-height: 480px; display: block; float: left;}
    .listado-posgrados .ingenierias{width: 50%; min-height: 480px; display: block; float: left;}
    .listado-posgrados .juridicas{width: 50%; min-height: 480px; display: block; float: left;}
    .listado-posgrados .area{position: relative; width: 150px; height: 150px;}
    .listado-posgrados ul li:nth-child(1){position: absolute; left:155px; top: 135px;}
    .listado-posgrados ul li:nth-child(2){position: absolute; left: 78px; top: 0px;}
    .listado-posgrados ul li:nth-child(3){position: absolute; left: 233px; top: 0px;}
    .listado-posgrados ul li:nth-child(4){position: absolute; left: 310px; top: 135px;}
    .listado-posgrados ul li:nth-child(5){position: absolute; left: 0; top: 135px;}
    .listado-posgrados ul li:nth-child(6){position: absolute; left: 78px; top: 270px;}
    .listado-posgrados ul li:nth-child(7){position: absolute; left: 233px; top: 270px;}
    .listado-posgrados .sociales{width: 50%; min-height: 480px; display: block; float: left;}
    .listado-posgrados .ingenierias .area{margin-left: 5px;}
    .listado-posgrados .negocios{width: 50%; float: left;}
    .listado-doctorados{ margin-top: 30px; display: block; }
    .listado-doctorados ul#posgrados { margin: 0; padding: 0; }
    .listado-doctorados ul#posgrados li{display:block; width: 100%; min-height: 350px; float: left; }
    .listado-doctorados ul#posgrados li a{ text-decoration: none;}
    .listado-doctorados ul#posgrados li a .imagen{ display: block; width: 100%; height: 300px; overflow: hidden; margin-bottom: 15px; position: relative; background-size: cover !important; background-position: center center !important;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .listado-doctorados ul#posgrados li a .imagen .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30,30,30,.7); z-index: 2; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .listado-doctorados ul#posgrados li a .imagen .fondo .vermas{width: 100%; height: auto; text-align: center; font-family: 'oswald'; color: #fff; font-size: 1.6em;}
    .listado-doctorados ul#posgrados li a .imagen .fondo .icono{display: block; width: 100px; height: 100px; margin: 60px auto 0 auto; background: url(../img/logo_blanco.svg) no-repeat top center; background-size: cover;}
    .listado-doctorados ul#posgrados li a:hover .imagen .fondo{visibility: hidden; opacity: 0;}
    .listado-doctorados ul#posgrados li a .titulo {text-decoration: none; display: block; min-height: 35px; position: relative; z-index: 3;}
    .listado-doctorados ul#posgrados li a .titulo h4{ font-family: sans-serif; font-size: 3.5em; font-weight: 400; margin-bottom: 5px; color: #fff; padding: 20px 0 0 20px; }
    .listado-doctorados ul#posgrados li a .categoria{display: block; text-decoration: none; margin:0; font-size: 1.5em; font-family: sans-serif; color: #999; font-weight: 600; position: relative; z-index: 3; padding: 10px 0 0 20px;}
    .listado-doctorados ul#posgrados li a .categoria i{color: #777;}
    /* HEXAGONS */
    .hexagon-area { position: relative; width: 150px;  height: 86.60px; margin: 43.30px 0; background-size: auto 173.2051px; background-position: center; }
    .hexTop,.hexBottom { position: absolute; z-index: 1; width: 106.07px; height: 106.07px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 21.97px; }
    .hexTop:after,.hexBottom:after { content: ""; position: absolute; width: 150.0000px; height: 86.60254037844388px; -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-43.3013px); -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-43.3013px); transform:          rotate(45deg) scaleY(1.7321) translateY(-43.3013px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
    .hexTop { top: -53.0330px; }
    .hexTop:after { background-position: center top; }
    .hexBottom { bottom: -53.0330px; }
    .hexBottom:after { background-position: center bottom; }
    .hexagon-area:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 150.0000px; height: 86.6025px; z-index: 2; background: inherit;}
    .listado-posgrados ul li a .hexagon-area .titulo i{ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .listado-posgrados ul li a:hover .hexagon-area  .titulo i{color: #FFF;}
    .hexagon-area .titulo{position: absolute; width: 100%; top: -10px; left: 0; z-index: 4; text-align: center; line-height: 2em;}
    .hexagon-area .titulo h4{font-family: 'bebas'; font-size: 2.5em; color: #FFF;}
    .listado-posgrados .salud ul li a i{color: #a1d9f8;}
    .salud .hexagon-area .titulo i{font-size: 6em; line-height: 1.2em;}
    .sociales .hexagon-area .titulo i{font-size: 5em; color: #e883a3;}
    .ingenierias .hexagon-area .titulo i{font-size: 4em; color: #aec00e;}
    .negocios .hexagon-area .titulo i{font-size: 5.8em; color: #cd8bbc; line-height: 1.2em;}
    .juridicas .hexagon-area .titulo i{font-size: 5.8em; color: #dc8521; line-height: 1.2em;}
    .hexagon-carrera { position: relative; width: 150px;  height: 86.60px; margin: 43.30px 0; background-color: #e9e9e9; background-size: auto 173.2051px; background-position: center;
      -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); 
      /* Firefox 4+ */ filter: gray; /* IE 6-9 */ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    }
    .listado-posgrados ul li a:hover .hexagon-carrera{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */}
    .hexagon-carrera:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 150.0000px; height: 86.6025px; z-index: 2; background: inherit; }
    .hexagon-carrera .titulo{position: absolute; width: 100%; top: 0px; height: 90px; padding-top: 0px; left: 0; z-index: 4;  text-align: center; visibility: none; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .salud .hexagon-carrera .titulo{background: rgba(0,111,166,.5);}
    .ingenierias .hexagon-carrera .titulo{background: rgba(103,148,31,.5);}
    .negocios .hexagon-carrera .titulo{background: rgba(101,26,70,.5);}
    .sociales .hexagon-carrera .titulo{background: rgba(138,58,79,.5);}
    .juridicas .hexagon-carrera .titulo{background: rgba(184,27,18,.5);}
    .hexagon-carrera .titulo h4{font-family: 'bebas'; font-size: 2.5em; color: #FFF; line-height: 1.2em; margin-top: 15px; }
    .listado-posgrados ul li a:hover .hexagon-carrera .titulo{visibility: visible; opacity: 1;}
    .hexagon75 { position: relative; width: 160px;  height: 92.38px; background-color: #64C7CC; margin: 46.19px 0; }
    .hexagon75:before,.hexagon75:after { content: ""; position: absolute; width: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; }
    .hexagon75:before { bottom: 100%; border-bottom: 46.19px solid #64C7CC; }
    .hexagon75:after { top: 100%; width: 0; border-top: 46.19px solid #64C7CC; }
    /* SIDEBAR NEWS */
    .side-news h3{font-family: 'oswald'; margin-top: 8px;  font-size: 2.3em; color: #333;}
    .side-news .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .side-news ul#latest-news{margin: 0 0 20px 0; padding: 0;}
    .side-news ul#latest-news li{margin: 20px 0; padding: 0; display: block; width: 100%; min-height: 155px; border-bottom: 1px solid #e6e6e6;}
    .side-news ul#latest-news li a.imagen{display: block; width: 70px; height: 70px; float: left; margin-right: 15px; overflow: hidden; text-align: center; background-size: cover !important; background-position: center center !important; position: relative; }
    .side-news ul#latest-news li a.imagen .ver{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(250,250,250,.9); text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .side-news ul#latest-news li a.imagen .ver i{line-height: 2.5em; font-size: 3em; color: #da5f3e; padding-left: 5px;  }
    .side-news ul#latest-news li a.imagen:hover .ver{visibility: visible; opacity: 1;} 
    .side-news ul#latest-news li .titulo a{text-decoration: none; font-family: 'oswald'; color: #da5f3e; font-size: 1.6em; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    .side-news ul#latest-news li .titulo a:hover{color: #a53692;}
    .side-news ul#latest-news li .descripcion{ width: 100%; display: block; min-height: 60px; font-family: arial; float: left; font-weight: 600; font-size: 1.1em; line-height: 1.8em; color: #999; margin-bottom: 5px;}
    .side-news ul#latest-news li .fecha{display: block; margin:0 0 0 85px; font-size: 1.1em; font-family: sans-serif; color: #999; font-weight: 600;}
    .side-news ul#latest-news li .fecha i{color: #444;}
    .side-news .vermas{margin: 15px 0;}
    .side-news .vermas a{ display: block; width: 100px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .side-news .vermas a:hover{border: 3px solid #333;}
    .side-events{margin-top: 30px;}
    .side-events h3{font-family: 'oswald'; margin-top: 8px;  font-size: 2.3em; color: #333;}
    .side-events .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .side-events ul#latest-events { margin: 0; padding: 0; }
    .side-events ul#latest-events li{display:block; width: 250px; min-height: 250px;}
    .side-events ul#latest-events li a.imagen{-webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; position: relative;}
    .side-events ul#latest-events li a.imagen{ display: block; width: 100%; height: 200px;  background-size: 125% !important; background-position: center center !important; border-bottom: 4px solid #da5f3e; margin-bottom: 10px;}
    .side-events ul#latest-events li a.imagen:hover{background-size: 120% !important; }
    .side-events ul#latest-events li a.imagen .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(242,150,52,.9);*/ background: rgba(70,70,70,.9); visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .side-events ul#latest-events li a.imagen .fondo .descripcion{color: #FFF; font-family: 'roboto-regular'; font-size: 1.4em; width: 90%; margin: 0 auto; height: 50%; margin-top: 30px; text-align: center;}
    .side-events ul#latest-events li a.imagen:hover .fondo{visibility: visible; opacity: 1;}
    .side-events ul#latest-events li .titulo a {text-decoration: none;}
    .side-events ul#latest-events li .titulo a h4{ font-family: 'bebas'; font-size: 2em; margin-bottom: 5px; color: #333; }
    .side-events ul#latest-events li .fecha{display: block; margin:0; font-size: 1.2em; font-family: sans-serif; color: #999; font-weight: 600;}
    .side-events ul#latest-events li .fecha i{color: #444;}
    .side-events ul#latest-events li .ver{margin-top: 15px;}
    .side-events ul#latest-events li .ver a{display: block; width: 100px; height: 35px; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s;}
    .side-events ul#latest-events li .ver a:hover{border: 3px solid #333;}
    .side-events .vermas{margin: 15px 0;}
    .side-events .vermas a{ display: block; width: 100px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .side-events .vermas a:hover{border: 3px solid #333;}
    .side-about ul{margin: 0; padding: 0;}
    .side-about ul li{margin:0 0 5px 0; padding: 0; display: block; width: 100%;}
    .side-about ul li a{display: block; height: 45px; text-decoration: none; background: #e6e6e6;}
    .side h3{font-family: 'oswald'; margin-top: 8px;  font-size: 2.3em; color: #333;}
    .side h4, .side h5{font-family: 'oswald'; color: #666;}
    .side .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .side ul#areas-estudio{margin: 0 0 30px 0; padding: 0;}
    .side ul#areas-estudio li{ color: #777; margin: 15px 0; padding: 0;}
    .side ul#areas-estudio li a{text-decoration: none; display: block; width: 100%; font-size: 1.2em; font-family: arial; font-weight: 600; color: #666; }
    .side ul#areas-estudio li a:hover{color: #da5f3e;}
    .side ul#areas-estudio li ul{margin: 0 0 0 15px; padding: 0;}
    .side ul#areas-estudio li ul li{list-style:disc;}
    .side ul#oferta{margin: 0; padding: 0;}
    .side ul#oferta li{margin: 10px 0; padding: 0; list-style:disc; color: #777;}
    .side ul#oferta li a{font-size: 1.3em; display: block; width: 100%; text-decoration: none; color: #666; font-family: arial; font-weight: 600;}
    .side ul#oferta li a:hover{color: #2ab3e6;}
    .side ul#oferta li.current a{color: #2ab3e6;}
    .side ul#areas-estudio li a, .side ul#oferta li a{-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
    /* POST */
    .post{width: 100%; height: auto;}
    .post h3{font-family: 'overpass'; margin: 0 0 10px 0; font-size: 3.5em; line-height: 1.2em; }
    .post .categoria {width: 100%; display: block; text-align: center; margin: 5px 0 0 0; font-size: 1em;}
    .post .categoria a{text-decoration: none; line-height: 1em;}
    .post .categoria i{font-size: 3.2em;}
    .post .categoria a:hover{color: #107b81; }
    .post .current a{color: #333;}
    .post .descripcion {margin-top: 10px; background: #FFF; border:1px solid #eee; padding: 10px; min-height: 450px;}
    .post .descripcion img{width: 100%;}
    .post .descripcion article{font-family: 'overpass'; font-size: 2em; color: #777; line-height: 1.4em; margin:0; text-align: justify;}
    .post .post-profile{display:block; font-size: 1.3em; line-height: 2.5em; font-family: 'overpass'; color: #666; margin-top: 20px; min-height: 100px; }
    .post .post-profile a{text-decoration: none; color: #2aa1cb; }
    .post .post-profile a:hover{color:#000;}
    .post .post-profile .foto-perfil{display: block; width: 60px; height: 60px; background-position: center center !important; border-radius: 30px; float: left; margin-right: 8px;}
    .post .post-profile .nombre{font-size: 1.8em; line-height: 2.5em;}
    .post .post-profile .localidad{display: block; margin-top: 20px; width: 100%; height: 30px; text-align: center; }
    .post .post-profile .fecha{display:block; width: 100%; text-align: center; font-family: 'overpass'; font-size: 1.1em; font-style: italic;}
    .estadisticas {margin: 0 0 0 0; display: block; width: 100%;}
    .estadisticas ul li{margin: 0 0 20px 0;}
    .estadisticas ul li a{display: block; width: 100%; height: 100%; text-align: center; color: #999; text-decoration: none; font-size: 1.4em; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
    .estadisticas ul li a i{ font-size: 3.5em; line-height: 1.5em; display: block;}
    .estadisticas ul li.like a:hover{color: #cb1616;}
    .estadisticas ul li.share a:hover{color: #00405f;}
    .estadisticas ul li a.liked i{color: #cb1616;}
    .coment-form{width: 100%;}
    .coment-form h4{font-family: 'overpass'; color: #999; margin: 10px 0;}
    .coment-form textarea,.coment-form input[type="text"]{width: 99%; font-family: 'oswald'; font-size: 1.6em; border: 1px solid #ccc; background: #f9f9f9;}
    .coment-form input[type="text"]{ width: 100%; padding: 5px 0; min-height: 35px; text-indent: 5px;}
    .coment-form ::-webkit-input-placeholder{font-style: italic; color: #ccc;}
    .coment-form  .btn{background: #ed2f59; color: #fff; width: 200px; font-weight: 600;  margin:0; display: block;  padding: 15px; font-size: 1.5em; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
    .coment-form  .btn:hover{color: #FFF; background: #b40b31;}
    .coment-form .loguearse{font-family: 'overpass'; font-size: 1.4em; color: #107b81;}
    .coment-form .loguearse a{color: #222; text-decoration: none;}
    .coment-form ul#coment-line{margin: 0 0 15px 0; padding: 0;}
    .coment-form ul#coment-line li{display: block; width: 100%; margin: 10px 0; background: #FFF; border: 1px solid #eee;}
    .coment-form ul#coment-line li a{text-decoration: none; color: #2aa1cb; font-family: 'overpass';}
    .coment-form ul#coment-line li .foto-perfil{display: block; width: 32px; background-position: center center !important; height: 32px;  float: left; margin-right: 5px; font-size: 2em; }
    .coment-form ul#coment-line li .nombre{display: block; height: 24px; font-size: 1.3em; float: left;}
    .coment-form ul#coment-line li .user-coment{font-family: arial; font-size: 1.2em;  color: #999; padding: 10px; line-height: 2em;}
    .coment-form ul#coment-line li .user-coment a{float: left;}
    .coment-form ul#coment-line li .user-coment .fecha-coment{float: right; text-transform: lowercase;}
    .coment-form ul#coment-line li .user-coment article{margin: 40px 0 15px 0; font-size: 1.2em; line-height: 1.4em;}
    .categorias ul{margin: 0; padding: 0;}
    .categorias ul li{margin: 0; padding: 0;}
    .categorias ul li a{ display: block; width: 100%; height: 40px; border-bottom: 1px solid #ccc; font-size: 1.4em; line-height: 3em; text-decoration: none; color: #107b81; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .5s; transition: color .3s; font-family: arial; }
    .categorias ul li a:hover{color: #000;}
    .popular{margin-top: 20px;}
    .popular ul{margin: 0; padding: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
    .popular ul li{margin: 0; padding: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 105px; position: relative;}
    .popular ul li a{text-decoration: none; display: block;width: 100%; height: 100%; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .5s; transition: background .3s;}
    .popular ul li a h5{padding: 5px; color: #107b81; font-family: 'allerregular'; font-size: 2em;}
    .popular ul li a article{padding: 0 5px; color: #666; font-size: 1.2em; font-family: arial;}
    .popular ul li a .estadisticas{ position: absolute; right: 0; bottom: 0;}
    .popular ul li a .estadisticas .item{float: left; margin-right: 10px; color: #222; font-family: arial;}
    .popular ul li a:hover { background: #f6f6f6; }
    /* CATEGORY */
    .clear{clear: both;}
    /* BLOG NOTICIAS */
    .blog-noticias{width: 100%; min-height: 500px;}
    .blog-noticias .post-content{width: 100%; min-height: 200px; margin: 20px 0; box-shadow: 0 0 3px #ccc; border-radius: 5px;}
    .blog-noticias .post-content .imagen{width: 400px; height: 260px; overflow: hidden; float: left; margin-right: 15px;}
    .blog-noticias .post-content .imagen img{width: 100%;}
    .blog-noticias .post-content .imagenb{width: 380px; height: 400px; overflow: hidden; float: left; margin-right: 5px;}
    .blog-noticias .post-content .imagenb img{width: 90%;}
    .blog-noticias .post-content .titulo{padding-top: 10px;}
    .blog-noticias .post-content .titulo a{ text-decoration: none;}
    .blog-noticias .post-content .titulo a h4{font-family: 'oswald'; font-size: 3.2em; padding-bottom: 10px; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .5s; transition: color .3s;}
    .blog-noticias .post-content .titulo a:hover h4{color: #f09315;}
    .blog-noticias .post-content .descripcion{ padding-right: 15px; font-family: arial; font-weight: 600; font-size: 1.4em; color: #aaa; line-height: 1.4em;}
    .blog-noticias .post-content .fecha{padding: 15px 0 10px 15px; font-family: 'arial'; text-transform: capitalize; font-weight: 600; color: #aaa; font-size: 1.3em;}
    .blog-noticias .post-content .vermas{float: right; margin-right: 15px;}
    .blog-noticias .post-content .vermas a{ display: block; width: 120px; height: 35px; margin: 0; border: 3px solid #ccc; text-decoration: none; font-family: arial; font-weight: 600; font-size: 1.3em; color: #333; text-align: center; line-height: 2.6em; -webkit-transition: border .2s; -moz-transition: border .2s; -o-transition: border .2s; transition: border .2s; }
    .blog-noticias .post-content .vermas a:hover{border: 3px solid #333;}
    .no-results{margin-bottom: 20px; min-height: 400px;}
    .news-post-content{ width: 98%; }
    .news-post-content h3{font-family: 'oswald';  font-size: 3.2em; color: #333;}
    .news-post-content article{font-size: 1em; font-family: 'roboto-regular'; line-height: 1.6em; text-align: justify; color: #444; margin-bottom: 30px;}
    .news-post-content article p{font-size: 1.6em; line-height: 1.6em;}
    .news-post-content article ul{margin: 0; padding: 0;}
    .news-post-content article ul li{ margin-left:10px; font-size: 1.5em; font-family: 'roboto-regular'; list-style: disc; list-style-position: inside;}
    .news-post-content .portada{display: block; width: 100%; height: 500px; margin: 0; background-size: cover !important; background-position: center center !important; margin-bottom: 15px;}
    .news-post-content .autor{font-size: 1.3em; font-family: arial; text-transform: capitalize; font-weight: 600; color: #999; text-align: right;}
    .evento .portada{display: block; width: 50%; float: left; background-size: cover !important;}
    .evento .galeria{display: block; width: 50%; float: left;}
    .evento .galeria ul{margin: 0; padding: 0; height: 500px;}
    .evento .galeria ul li{display: block; margin: 0; padding: 0; width: 30%; height: 33.33%; float: left;}
    .evento .galeria ul li a{display: block; width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; position: relative; text-decoration: none; color: rgba(10,10,10,.5); font-size: 5em;}
    .evento .galeria ul li a .ver{position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(30,30,30,.8); text-align: center; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; }
    .evento .galeria ul li a .ver .icon{width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}
    .evento .galeria ul li a:hover .ver{visibility: hidden; opacity: 0;}
    .evento .galeria ul li a.selected .ver{visibility: hidden; opacity: 0;}
    .evento .galeria ul li:nth-child(1){ width: 50%;    height: 33.33%; }
    .evento .galeria ul li:nth-child(2){ width: 50%;    height: 33.33%; }
    .evento .galeria ul li:nth-child(3){ width: 33.33%; height: 33.33%; }
    .evento .galeria ul li:nth-child(4){ width: 33.33%; height: 33.33%; }
    .evento .galeria ul li:nth-child(5){ width: 33.33%; height: 33.33%; }
    .evento .galeria ul li:nth-child(6){ width: 100%;   height: 33.33%; }
    .evento .galeria ul li.no-galeria{ width: 100%; height: 100%; }
    .evento .share-content{margin: 0 auto; width: 300px;}
    /* BLOG POST */
    .post-header{width: 100%; min-height: 250px; margin: 0 0 20px 0;  background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; position: relative;}
    .post-header img{opacity: 0; height: 250px;}
    .blog-post-content{padding: 10px; background: #FFF; margin-top: 20px;}
    .blog-post-content .post-title .publicado{font-family: 'overpass'; font-size: 1.4em; color: #666; margin-bottom: 10px;}
    .blog-post-content p{margin: 5px 0; padding: 0;}
    .blog-post-content sup {font-size:xx-small; vertical-align:super;}
    .post-texto h3{font-family: 'oswald'; margin-top: 8px;  font-size: 2em; color: #333;}
    .post-texto .separador{width: 40px; height: 2px; background: #ccc; margin: 0 0 15px 0;}
    .post-texto .noticia .imagen{height: 180px; overflow: hidden;}
    .post-texto .noticia .imagen img{ width: 100%;}
    .post-texto .noticia a{text-decoration: none;}
    .post-texto .noticia a h4{font-family: 'overpass'; margin: 0;}
    .post-share{width: 100%; padding: 20px 0; margin: 20px 0 50px 0; font-family: 'overpass'; font-size: 1.4em; color: #666;}
    .post-share ul{margin: 20px 0 0 0; padding:0;}
    .post-share ul li{margin: 0 10px; padding:0; float: left; width: 50px; height: 50px;}
    .post-share ul li a{display: block; width: 50px; height: 50px; background: rgba(20,20,20,.2); border-radius: 25px; text-decoration: none; text-align: center; color: #FFF; font-size: 3em; line-height: 1.5em; -webkit-transition: line-height .3s; -moz-transition: line-height .3s; -o-transition: line-height .3s; transition: line-height .3s;}
    .post-share ul li.facebook a{background:#1e4279; }
    .post-share ul li.facebook a:hover,.post-share ul li.twitter a:hover{line-height: 2em;}
    .post-share ul li.twitter a{background:#2ab3e6; }
    .pagination{height: 60px; margin-top: 15px;}
    .paginacion                         { width:100%; margin: 0 auto;}
    .paginacion ul                      { width:320px; height: 45px; margin: 0 auto; padding: 0;}
    .paginacion ul li                   { margin: 0 5px 0 0; padding: 0; float: left;}
    .paginacion ul li a                 { min-width: 32px;  height: 32px;  display: block;  text-align: center;  color: #333; font-family: arial; font-weight: 600;  font-size: 1.4em; border: 3px solid #ccc; text-decoration: none; line-height: 2.2em; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
    .paginacion ul li:first-child a,
    .paginacion ul li:last-child a      { width: 30px;}
    .paginacion ul li.current a,         
    .paginacion ul li a:hover           { background: #CCC;}
    #modalSendToMail{position: fixed; top: 0; width: 100%; height: 100%; z-index:5; background: rgba(90,90,90,.9); -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; }
    #modalSendToMail .modal-content{ width: 350px; min-height: 300px; position: absolute; top:100px ; left: 50%; z-index: 2; background: #FFF; margin-left: -175px; border-radius: 5px;} 
    #modalSendToMail .modal-content h5{font-family: 'oswald'; padding: 15px; border-bottom: 1px solid #ccc;}
    #modalSendToMail .modal-content .formulario{padding: 5px;}
    #modalSendToMail .modal-send-close a{display: block; width: 36px; height: 36px; text-align: center; border: 1px solid #ccc; background: #fff; border-radius: 25px; text-decoration: none; color: #999; font-size: 1.9em; font-weight: 600; line-height: 2em; }
    #modalSendToMail .modal-send-close a:hover{background: #e6e6e6; color: #333; border: 1px solid #333;}
    #modalSendToMail .modal-content .form{ width: 90%; margin: 0 auto; padding: 20px 0;} 
    #modalSendToMail .modal-content .form input[type="text"],.form input[type="email"]{display:block; width: 100%; margin: 0 0 10px 0; padding:14px 0; text-indent: 10px; color: #333;}
    #modalSendToMail .modal-content .form input.login-btn{ background: #98e1f2; color: #107b81; width: 100%; display: block; border: 1px solid #98e1f2; padding: 10px; font-size: 1.5em; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 10px; }
    #modalSendToMail .modal-content .form input.login-btn:hover{ background: #107b81; border: 1px solid #107b81;  color: #FFF;}
    #modalSendToMail .modal-content .form textarea{width: 98%; margin: 0; text-indent: none;}
    /* login */
    .user-login input[type=password]{border-bottom: 1px solid #ccc;}
    .user-login .registro{padding: 30px 0; font-family: arial; font-size: 1.4em;}
    .user-login b{font-family: 'allerregular'; font-size: 1.2em;}
    .form3{width: 350px; margin: 100px auto;}
    .form3 input[type=text]{width: 340px; font-size: 1.6em; min-height: 35px; text-indent: 10px;}
    .form3 input[type=password]{font-size: 1.6em; margin-bottom: 20px;}
    .form3 input[type=submit]{width: 100%; height: 50px; background: #98e1f2; border-bottom: 3px solid #107b81; color: #107b81; font-family: 'allerbold'; font-size: 1.5em; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .5s; transition: background .3s;  }
    .form3 input[type=submit]:hover{background: #107b81; color: #FFF;}
    .form2{width: 350px; margin: 100px auto;}
    .form2 input[type=text],.form2 input[type=password],.form2 input[type=email]{width: 340px; font-size: 1.6em; min-height: 35px; text-indent: 10px;}
    .form2 select{ display:block; width: 400px; height:45px; font-size: 1.6em;}
    .form2 input[type=submit]{width: 100%; height: 50px; background: #98e1f2; border-bottom: 3px solid #107b81; color: #107b81; font-family: 'allerbold'; font-size: 1.5em; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .5s; transition: background .3s;  }
    .form2 input[type=submit]:hover{background: #107b81; color: #FFF;}
    .extra-info{position: absolute; z-index: 3; font-size: 12px; line-height: 1.4em; top: 0; left: 20px; width: 130px; padding: 10px; height: auto; visibility: hidden; border-radius: 3px;}
    .extra-info .grey{background: #e6e6e6; color: #333;}
    .extra-info .red{background: #f2dede; color: #A94442; }
    .extra-info .green{background: #dff0d8; color: #3C763D; }
    .extra-info .turq{background: #98e1f2; color: #107b81; }
    /* MODAL ACCESOS */
    #modal-accesos{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 10; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s;}
    .modal-accesos-close{width: 50px; height: 50px; text-align: center; position: absolute; right: 15px; top: 15px;}
    .modal-accesos-close a{display: block; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 25px; text-decoration: none; color: #ccc; font-size: 3em; font-weight: 600; line-height: 1.45em; -webkit-transition: border .3s, color .3s; -moz-transition: border .3s, color .3s; -o-transition: border .3s, color .3s; transition: border .3s, color .3s; }
    .modal-accesos-close a:hover{border: 1px solid #fff; color: #FFF;}
    #modal-accesos .opciones{width: 420px; height: 420px; position: absolute; top: 45%; left: 50%; margin-left: -210px; margin-top: -210px;}
    #modal-accesos .opciones ul{margin: 0; padding: 0;}
    #modal-accesos .opciones ul li{width: 150px; height: 150px; background: none;}
    #modal-accesos .opciones ul li a{ display: block; width: 100%; height: 100%; border-radius: 75px; border: 1px solid #ccc; background: #ccc; text-align: center; text-decoration: none; color: #fff;}
    #modal-accesos .opciones ul li a .icono{font-size: 8em; padding-top: 20px;}
    #modal-accesos .opciones ul li a .nombre{font-size: 1.8em; font-family: 'oswald';}
    #modal-accesos .opciones ul li.yellow a{background: #ffd101; border: 1px solid #ffd101; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.yellow a:hover{color: #ffd101; background: none; border: 1px solid #ffd101;}
    #modal-accesos .opciones ul li.green a{background: #81d100; border: 1px solid #81d100; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.morado a{background: #9c2788; border: 1px solid #256f39; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.green a:hover{color: #81d100; background: none; border: 1px solid #81d100;}
    #modal-accesos .opciones ul li.blue a{background: #0078c7; border: 1px solid #0078c7; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.blue a:hover{color: #0078c7; background: none; border: 1px solid #0078c7;}
    #modal-accesos .opciones ul li.pink a{background: #f32053; border: 1px solid #f32053; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.pink a:hover{color: #f32053; background: none; border: 1px solid #f32053;}
    #modal-accesos .opciones ul li.gray a{background: none; border: 1px solid #e6e6e6; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    #modal-accesos .opciones ul li.gray a:hover{color: #000; background: #e6e6e6; border: 1px solid #333;}
    #modal-accesos .opciones ul li:nth-child(1){position: absolute; left: 50%; top: 15px; margin-left: -75px;}
    #modal-accesos .opciones ul li:nth-child(2){position: absolute; right: 15px; top: 50%; margin-top: -75px;}
    #modal-accesos .opciones ul li:nth-child(3){position: absolute; left: 50%; bottom: 5px; margin-left: -75px;}
    #modal-accesos .opciones ul li:nth-child(4){position: absolute; left: 15px; top: 50%; margin-top: -75px;}
    #modal-accesos .opciones ul li:nth-child(5){position: absolute; left: -160px; top: 50%; margin-top: -75px;}
        #modal-accesos .opciones ul li:nth-child(6){position: absolute; left: 425px; top: 50%; margin-top: -75px;}
    #modal-accesos .opciones ul li ul{position: absolute; top: 167px; width: 420px; height: 130px; margin-left: -135px; visibility: hidden; opacity: 0; -webkit-transition: visibility .5s, opacity .5s; -moz-transition: visibility .5s, opacity .5s; -o-transition: visibility .5s, opacity .5s; transition: visibility .5s, opacity .5s;}
    #modal-accesos .opciones ul li ul li{width: 100px; height: 100px;}
    #modal-accesos .opciones ul li ul li a{ display: block; width: 100%; height: 100%; border-radius: 50px; background: #ccc; text-align: center; text-decoration: none; color: #fff;}
    #modal-accesos .opciones ul li ul li a .icono{font-size: 6em; padding-top: 5px;}
    #modal-accesos .opciones ul li ul li a .nombre{ width: 70%; margin: -5px auto 0 auto; text-align: center;}
    #modal-accesos .opciones ul li ul li a .nombre{font-size: 1.5em; font-family: 'oswald';}
    #modal-accesos .opciones ul li ul li:nth-child(1){position: absolute; left: 100px; top: -90px;}
    #modal-accesos .opciones ul li ul li:nth-child(2){position: absolute; left: 105px; top: 70px;}
    #modal-accesos .opciones ul li ul li:nth-child(3){position: absolute; left: 295px; top: -5px;}
    #modal-accesos .opciones ul li ul li:nth-child(4){position: absolute; left: 295px; top: -18px;}
    #modal-accesos .opciones ul li ul li:nth-child(5){position: absolute; left: 165px; top: 170px;}
    #modal-accesos .opciones ul li:hover ul{visibility: visible; opacity: 1;}
    .hide{visibility: hidden; opacity: 0;}
    /* ALERTAS */
    /* Notificaciones */
    .alert {
      text-shadow: 0 1px 0 rgba(255, 255, 255, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); margin-bottom:20px; padding:15px 0; text-indent: 20px; font-size: 1.4em;
      border-radius: 0px; font-family: 'overpass'; width: 100%; margin: 0 auto; }
    .alert-success { background: #dff0d8; border: 1px solid #b2dba1; color:#3C763D; }
    .alert-info { background: #d9edf7; border:1px solid #9acfea; color: #003f5e; }
    .alert-warning { background: #fcf8e3; border:1px solid #f5e79e; color: #8A6D3B; }
    .alert-danger { border: 1px solid #e1a1a1; background-color: #f9d9d9; color: #B55454; }
    /* BLOGS */
    .blog-header{width: 100%; height: 400px; background-size: cover !important; position: relative; }
    .blog-header .fondo{width: 100%; height: 100%; position: absolute; top:0; left: 0; -webkit-transition:  background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); }
    .blog-header .nombre{ width: 100%; height: 100px; padding-top: 180px; padding-bottom: 80px; text-align: center; font-family: 'Gotham-Black'; font-size: 7em; color: #fff; position: relative; z-index: 2; -webkit-transition:  color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
    .blog-header .estadisticas{color: #FFF; text-align: center; font-size: 1.5em;}
    .blog-preescolar{background:url(../img/header_preescolar.jpg) no-repeat center center; background-size: cover;}
    .blog-primaria{background:url(../img/header_primaria.jpg) no-repeat center center; background-size: cover;}
    .blog-ingles-preescolar{background:url(../img/header_ingles_preescolar.jpg) no-repeat center center; background-size: cover;}
    .blog-ingles-primaria{background:url(../img/header_ingles_primaria.jpg) no-repeat center center; background-size: cover;}
    .blog-header-post{width: 100%; height: 250px; background-size: cover !important; position: relative; }
    .blog-header-post .fondo{width: 100%; height: 100%; position: absolute; top:0; left: 0; -webkit-transition:  background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); }
    .blog-header-post .nombre{ width: 100%; height: 100px; padding-top: 110px; padding-bottom: 0px; text-align: center; font-family: 'Gotham-Black'; font-size: 7em; color: #fff; position: relative; z-index: 2; -webkit-transition:  color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
    .blog-header-post .estadisticas{color: #FFF; text-align: center; font-size: 1.5em;}
    .blog-preescolar-post{background:url(../img/header_preescolar.jpg) no-repeat center center; background-size: cover;}
    .blog-primaria-post{background:url(../img/header_primaria.jpg) no-repeat center center; background-size: cover;}
    .blog-ingles-preescolar-post{background:url(../img/header_ingles_preescolar.jpg) no-repeat center center; background-size: cover;}
    .blog-ingles-primaria-post{background:url(../img/header_ingles_primaria.jpg) no-repeat center center; background-size: cover;}
    .blog-header .sociales, .blog-header-post .sociales{width: 230px; height: 35px; position: absolute; left: 50%; top: 20px; z-index: 3; margin-left: -115px;}
    .blog-header .sociales ul,.blog-header-post .sociales ul{margin: 0; padding: 0;}
    .blog-header .sociales ul li,.blog-header-post .sociales ul li{margin: 0; padding: 0; float: left; position: relative;}
    .blog-header .sociales ul li .info-tool,.blog-header-post .sociales ul li .info-tool{width: 100px; height: 32px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; text-align: center; line-height: 2.5em; position: absolute; top: 50px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    .blog-header .sociales ul li:hover .info-tool,.blog-header-post .sociales ul li:hover .info-tool{visibility: visible; opacity: 1;}
    .blog-header .sociales ul li .info-tool .triangle,.blog-header-post .sociales ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -5px; top: -5px; }
    .blog-header .sociales ul li a,.blog-header-post .sociales ul li a{display:block; width:40px; height: 40px; background: #f6f6f6; border-radius: 20px; text-decoration: none; color: #aaa; font-size: 2em; margin: 0 8px; text-align: center; line-height: 2.1em; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}
    .blog-header .sociales ul li a:hover,.blog-header-post .sociales ul li a:hover{line-height: 2.3em;}
    .blog-header .sociales ul li.facebook a:hover,.blog-header-post .sociales ul li.facebook a:hover{background: #1e4279; color: #FFF;}
    .blog-header .sociales ul li.twitter a:hover,.blog-header-post .sociales ul li.twitter a:hover{background: #2ab3e6; color: #FFF;}
    .blog-header .sociales ul li.instagram a:hover,.blog-header-post .sociales ul li.instagram a:hover{background: #b46438; color: #FFF;}
    .blog-header .sociales ul li.search a:hover,.blog-header-post .sociales ul li.search a:hover{background: #f09315; color: #FFF;}
    .blog-header .sociales ul li.acceso a:hover,.blog-header-post .sociales ul li.acceso a:hover{background: #ed2f59; color: #FFF;}
    .pdf-version{display:block; width: 60px; height: 60px;  position: fixed; right: 15px; top: 120px; z-index: 1000;}
    .pdf-version a{display: block; width: 100%; height: 100%; background: rgba(255,255,255,.6); border-radius: 30px; text-align: center; font-size: 3.8em; line-height: 1.7em; text-decoration: none; color: #444; -webkit-transition:  background .3s,color .3s; -moz-transition:  background .3s,color .3s; -o-transition:  background .3s,color .3s; transition:  background .3s,color .3s;}
    .pdf-version a:hover{ background: #df1500; color: #fff;}
    .spinner { margin: 0 auto; width: 20px; height: 20px; position: absolute; left: 50%; bottom: 30px; text-align: center;  -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; }
    .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }
    .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
    @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
    @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } }
    @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
    @keyframes sk-bounce {
      0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
    .spinner2 {width: 60px; height: 60px; background-color: #fff; margin: 120px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
    .campus-areas{width: 100%; height: auto; position: relative; display: block;}
    .campus-areas .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .campus-areas .fondo ul li{position: absolute; width: 40px; height: 40px;}
    .campus-areas .fondo ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height:1.5em; text-decoration: none; font-family: 'oswald'; font-size: 1.5em; background: #fff; color:#000; border-radius: 20px; opacity: 0; -webkit-transition:  opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
    .campus-areas .fondo ul li:hover a{opacity: 1;}
    .campus-areas .fondo ul li.a{top:130px; left: 40%; margin-left: -35px;}
    .campus-areas .fondo ul li.b{top:200px; left: 50%; margin-left: -10px;}
    .campus-areas .fondo ul li.c{top:100px; left: 55%; margin-left: -5px;}
    .campus-areas .fondo ul li.A{top:530px; left: 30%; margin-left: -30px;}
    .campus-areas .fondo ul li.B{top:460px; left: 35%; margin-left: -45px;}
    .campus-areas .fondo ul li.C{top:415px; left: 37%; margin-left: -50px;}
    .campus-areas .fondo ul li.D{top:590px; left: 44%; margin-left: -25px;}
    .campus-areas .fondo ul li.E{top:500px; left: 42%; margin-left: -25px;}
    .campus-areas .fondo ul li.F{top:448px; left: 40%; margin-left: -30px;}
    .campus-areas .fondo ul li.G{top:468px; left: 64%; margin-left: -25px;}
    .campus-areas .fondo ul li.H{top:374px; left: 62%; margin-left: -22px;}
    .campus-areas .fondo ul li.I{top:300px; left: 76%; margin-left: -25px;}
    .campus-areas .fondo ul li.e91{top:615px; left: 66%; margin-left: -25px;}
    .campus-areas .fondo ul li.uno{top:540px; left: 74%; margin-left: -30px;}
    .campus-areas .fondo ul li.dos{top:562px; left: 77%; margin-left: -22px;}
    .campus-areas .fondo ul li.tre{top:595px; left: 81%; margin-left: -28px;}
    .campus-areas .fondo ul li.cua{top:580px; left: 56%; margin-left: -25px;}
    .campus-areas .fondo ul li.cin{top:398px; left: 53%; margin-left: -27px;}
    .campus-areas .fondo ul li.sei{top:438px; left: 48%; margin-left: -22px;}
    .campus-areas .fondo ul li.sie{top:398px; left: 44%; margin-left: -25px;}
    .campus-areas .fondo ul li.och{top:368px; left: 41%; margin-left: -25px;}
    .campus-areas .fondo ul li.e92{top:560px; left: 38%; margin-left: -30px;}
    .campus-areas .fondo ul li.e93{top:515px; left: 68%; margin-left: -23px;}
    .campus-areas .fondo ul li.e94{top:210px; left: 33%; margin-left: -22px;}
    .campus-areas .fondo ul li .area-desc{position: absolute; right: 0px; top: 55px; width: 450px; min-height: 350px; margin-right: -210px; background: #FFF; z-index: 10; box-shadow: 0 0 10px #ccc; visibility: hidden; opacity: 0;}
    .campus-areas .fondo ul li:hover .area-desc{visibility: visible; opacity: 1;}
    .campus-areas .fondo ul li .area-desc .triangle{position: absolute; right: 50%; top: -14px; margin-right: -8px; width: 0;  height: 0;  border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom:15px solid white; }
    .campus-areas .fondo ul li .area-desc .portada{width: 100%; height: 200px; background-size: cover !important; background-position: center center !important;}
    .campus-areas .fondo ul li .area-desc .titulo{font-size: 1.8em; font-family: 'oswald'; color: #333; padding: 15px 5px;}
    .campus-areas .fondo ul li .area-desc .desc{padding:5px; font-size: 1.2em; font-family: 'roboto-regular';}
    .swiper-slide {background: #fff;}
    .swiper-pagination{width: 340px; min-height: 50px;}
    .swiper-pagination-bullet {
      width: 58px;
      height:58px;
      background: none;
      border-radius: 0 0 0 0;
      opacity:1;
      cursor: pointer;
      margin-right: 40px;
      border-radius: 30px;
      background:#c0e5fa;
      font-family: 'rubikmedium';
      font-size: 3.5em;
      line-height: 1.6em;
      color: #FFF;
    }
    .swiper-pagination-bullet-active {
      background: #36d4d9;
    } 
    .swiper-wrapper{margin-top: 50px;}
    .swiper-button-next, .swiper-button-prev{bottom:0px;}
    /* #Media Queries
    ================================================== */
    @media only screen and (min-width: 1600px){
        /*.lic-perfil .fondo-egreso{position: absolute; top: 0; right: 0px; height: 750px; width: 430px; border-top: 350px solid transparent; border-bottom: 350px solid transparent; border-right:350px solid #ccc;}*/
        .cirujano-odontologo .portada{background: url(../img/odontologo.png) no-repeat; background-size: 100%; width: 430px; height: 710px; right: 0;  clip: rect(0, 100px, 100px, 0); }
        .lic-plan ul li{min-height: 200px;}
    }
/* Bigger than 1280px */
@media only screen and (min-width: 1280px) {
    header .logo a{ display: block; width: 280px; height: 75px; margin: 0 auto; background: url(../img/logo.svg) no-repeat top left; background-size: 28%; margin-top: 8px; font-family: 'Gotham-Black'; font-size: 1.4em; text-transform: uppercase; color: #5B5B5B; line-height: 1.2em;}
    header .logo a .nombre{width: 75%; float: right; text-align: center; margin-top: 24px;}
    header nav ul li a{ padding: 0 20px; line-height: 6.2em;  font-size: 1.5em; }
    header div#explore section.type-search{padding-top: 100px;}
    header div#explore section#search-results{margin-top: 210px;}
    .video-frame .contenedor{padding-bottom: 50%; margin-top: -250px;}
    .video-frame .contenedor a .video-url{top: 30%;}
    .lic-header .circulo{width: 340px; height: 340px; background: #ccc; border-radius: 170px; position: absolute; top: 50%; left: 60%; z-index: 1; margin-top: -150px;}
    .main-section{height: 650px; background-position: center center;}
    header .sociales{width: 240px; height: 35px; float: right;}
    header .sociales ul li a{margin: 0 14px 0 0;}
    .educacion-basica{ width: 900px;}
    .educacion-basica .introduccion .fondo-intro{position: absolute; width: 990px; height: 250px;}
    .educacion-basica .introduccion .imagen{position: absolute; right: -350px; top: -110px; z-index: 1; width: 350px; height: 350px; background-size: cover; }
    .side-news ul#latest-news li{min-height: 85px;}
    .side-news ul#latest-news li .descripcion{width: 75%;}
    ul#directorio li .puesto h4{font-size: 1.5em;}
    ul#directorio li .nombre{font-family: 'oswalditalic'; font-size: 1.4em; margin-bottom: 15px;}
    ul#directorio li .telefono{font-family: 'oswaldlight'; font-size: 1.2em;}
    .areas-licenciatura .salud ul li a h5, .areas-maestria .salud ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:45px; left: 5px; }
    .areas-licenciatura .salud ul li a h6, .areas-maestria .salud ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 25px; left: 5px;}
    .areas-licenciatura .ingenierias ul li a h5, .areas-maestria .ingenierias ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:70px; left: 5px; }
    .areas-licenciatura .ingenierias ul li a h6, .areas-maestria .ingenierias ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 25px; left: 5px;}
    .areas-licenciatura .sociales ul li a h5, .areas-maestria .sociales ul li a h5{ font-family: 'bebas'; color: #FFF; font-size: 3em; position: absolute; bottom:50px; left: 5px; }
    .areas-licenciatura .sociales ul li a h6, .areas-maestria .sociales ul li a h6{font-family: 'bebas'; color: #FFF; font-size: 2em; position: absolute; bottom: 5px; left: 5px;}
}
@media only screen and (max-height: 768px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1279px) {
.lic-plan .foto{left: -50px;}
.lic-plan ul li{width: 31%; display: block; margin-bottom: 0;  float: left; display: block; min-height: 250px;}
.redpedagogia p{width: 95%; margin:0;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    header nav ul{display: none;}
    header #mobile-menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y:scroll; z-index: 101; background: rgba(250,250,250,.95); }
    header #mobile-menu ul{margin-top: 75px; padding: 0;}
    header #mobile-menu ul li{display: block; width: 100%; min-height: 40px; margin: 0; padding: 0; border-bottom: 3px solid #ccc;}
    header #mobile-menu ul li a{text-decoration: none; display: block; width: 100%; height: 100%; font-family: 'oswald'; color: #333; font-size: 2.5em; line-height: 1.8em; text-transform: uppercase;}
    header #mobile-menu ul li ul{margin-top: 0px; margin: 0; padding: 0; }
    header #mobile-menu ul li ul li{border-bottom: 3px solid #e6e6e6;}
    header #mobile-menu ul li ul li:last-child{border-bottom: none;}
    header #mobile-menu ul li ul li a{text-indent: 15px; color: #999;}
    header a#movil-menu             { display: block; position: fixed; right: 10px; top: 15px; width: 60px; height: 60px; background: rgba(250,250,250,.9); border-radius: 5px; text-align: center; text-decoration: none; font-size: 4em; line-height: 1.6em; z-index: 102; color: #333; }
    header .sociales{position: absolute; top: 70px; left: 50%; z-index: 100; margin-left: -78px;}
    header div#explore{z-index: 106;}
    header .display{display: block !important; }
    header .sociales{display: none;}
    header #mobile-menu .sociales{width: 225px; height: 35px; display: block; position: absolute; top: 0; left: 50%; margin-left: -112px;}
    header #mobile-menu .sociales ul{margin: 30px 0 0 0; padding: 0;}
    header #mobile-menu .sociales ul li{margin: 0 5px; padding: 0; float: left !important; width: 44px; height: 44px; position: relative; border-bottom: none;}
    header #mobile-menu .sociales ul li .info-tool{width: 100px; height: 32px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; text-align: center; line-height: 2.5em; position: absolute; top: 55px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    header #mobile-menu .sociales ul li:hover .info-tool{visibility: visible; opacity: 1;}
    header #mobile-menu .sociales ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -5px; top: -5px; }
    header #mobile-menu .sociales ul li a{display:block; width:44px; height: 44px; background: #999; border-radius: 22px; text-decoration: none; color: #fff; font-size: 2em; margin: 0 4px 0 0; text-align: center; line-height: 2.1em; -webkit-transition: background .3s, color .3s, line-height .3s; -moz-transition: background .3s, color .3s, line-height .3s; -o-transition: background .3s, color .3s, line-height .3s; transition: background .3s, color .3s, line-height .3s;}
    header #mobile-menu .sociales ul li a:hover{line-height: 2.3em;}
    header #mobile-menu .sociales ul li.facebook a:hover{background: #1e4279; color: #FFF;}
    header #mobile-menu .sociales ul li.twitter a:hover{background: #2ab3e6; color: #FFF;}
    header #mobile-menu .sociales ul li.instagram a:hover{background: #b46438; color: #FFF;}
    header #mobile-menu .sociales ul li.search a:hover{background: #f09315; color: #FFF;}
    header #mobile-menu .sociales ul li.acceso a:hover{background: #ed2f59; color: #FFF;}
    #modal-accesos{z-index: 104;}
    .oferta-educativa ul li{width: 48%; min-height: 400px;}
    .video-frame{height: 300px;}
    .video-frame .contenedor{padding-bottom: 50% !important;}
    .main-slogan .marca{width: 500px; height: 93px;}
    .mas-info .cnt-btn{ width: 90px; height: 90px;}
    .novedades h3{text-align: center;}
    .novedades .separador{margin: 0 auto 20px auto;}
    .novedades ul#latest-events li{width: 70%; margin-left: 100px; min-height: 300px; }
    .novedades ul#latest-events li a.imagen{display: block; height: 200px !important;}
    .novedades ul#latest-events li a.imagen .fondo .descripcion{margin-top: 50px;}
    .main-section{height: 430px;}
    .novedades ul#latest-news{width: 350px;}
    .novedades ul#latest-news li{height: 190px;}
    .novedades ul#latest-news .titulo{min-height: 70px;}
    .novedades ul#latest-news li .fecha{margin: 0 0 0 0;}
    .upgch-page-content .left-side{margin-right: 0; width: 100%; min-height: 430px;}
    .upgch-page-content .foto{margin-top: 0;}
    .educacion-basica{ width: 100%; min-height: 800px;}
    .educacion-basica .titulo{height: 320px;}
    .educacion-basica .portada{height: 320px;}
    .educacion-basica .portada .circulo{width: 300px; height: 300px; left: 60%; top: 75%;  }
    .educacion-basica .portada .circulo-foto{width: 300px; height: 300px; left:60%; top: 75%;}
    .educacion-basica .portada .imagen{width: 225px; height: 225px;  left:60%; top: 75%; }
    .educacion-basica .contenedor{position: relative; width: 100%; z-index: 2;}
    .educacion-basica .titulo h3{font-size: 7em; line-height: 1em; color: #FFF; -webkit-text-stroke-width: 4.00px; }
    .educacion-basica .slogan{display: block; width: 60%; min-height: 100px;}
    .educacion-basica .slogan p{width: 370px; margin: 0 auto; font-size: 3em; line-height: 1.2em; font-family: 'oswaldlight'; color: #FFF;}
    .educacion-basica .introduccion{width: 60%; min-height: 90px; background: #FFF; margin-left: 0px; box-shadow: 0 0 20px #666; padding: 40px 40px 20px 20px; position: relative;}
    .educacion-basica .introduccion p{ border-top:2px solid #b2c134; border-bottom: 2px solid #b2c134; padding: 15px 0; font-size: 1.8em; line-height: 1.2em; font-family: arial; color: #999; text-align: justify;}
    .educacion-basica .introduccion .fondo-intro{position: absolute; width: 120%; height: 260px; background: #afca05;  left: 0; top: 15px; z-index: -1;  box-shadow: 0 0 40px #333;}
    .educacion-basica .introduccion .imagen{position: absolute; right: -247px; top: -15px; z-index: 1; width: 280px; height: 300px; background-size: cover !important;}
    .educacion-basica .introduccion .maestras{position: absolute; left: 100px; bottom: -45px;}
    
    .areas-licenciatura  ul li a h5{font-size: 2.4em !important; top:0 !important;}
    .areas-licenciatura .area,.areas-maestria .area{width: 100%;}
    .areas-maestria .salud ul li a h5{bottom: 70px !important;}
    .areas-maestria .ingenierias ul li a h5{bottom: 115px !important;}
    .blog-noticias .post-content .imagen{ width: 100%; margin-bottom: 10px; }
    .blog-noticias .post-content .titulo{padding-left: 10px;}
    .blog-noticias .post-content .descripcion{padding-left: 15px;}
    .blog-noticias .post-content .vermas{margin-bottom: 20px;}
    .news-post-content .portada{height: 300px;}
    .side-share-content ul li{float: none; position: relative; width: 60px; height: 60px; margin: 20px auto;}
    .side-share-content ul li a{width: 60px; height: 60px; border-radius: 30px; font-size: 2.8em;}
    .side-share-content ul li .info-tool{top: 70px; margin-left: -40px;}
    .evento .portada{height: 400px;}
    .evento .galeria ul{height: 400px;}
    .privacidad ul li {width: 100%;}
    .blog-header .sociales, .blog-header-post{display: none;}
    .blog-header .nombre{padding: 120px 0; line-height: 1em;}
    .lic-plan .foto{left: -100px;}
    .lic-plan .w200{width: 100px; height: 100px; padding:50px; margin: 0 auto;}
    .lic-plan .titulo{width: 100%;  padding:0;}
    .lic-plan .semestres{width: 100%; padding:0;}
    .lic-plan ul li{width: 48%; display: block; margin-bottom: 0;  float: left; display: block; min-height: 200px;}
    .lic-header{width: 450px; height: 450px; margin-left: -225px; margin-top: -200px;}
    .lic-header .degradado{width: 450px !important; height: 450px !important;}
    .w700{width: 500px !important; height: 500px !important;}
    .lic-header h1{font-family: 'rubikbold'; font-size: 4em; color: #FFF;}
    .lic-header h5{font-family: 'rubikbold'; font-size: 2em; text-align: center; color: #FFF; margin:0; padding: 0;}
    .lic-requisitos .vacio{width: 0;}
    .lic-requisitos .requisitos{width: 100%;}
    .lic-requisitos .requisitos .costos,.lic-requisitos .requisitos .req{width: 44%; padding-left: 6%;}
    .lic-perfil .fondo-egreso{visibility: hidden;}
    .lic-perfil .six.columns{width: 300px;}
    .lic-perfil .campo{width: 100%;}
    .circle .grande{width: 180px; height: 180px;}
    .circle .t20{top: 2%;}
    .circle .l-20{left: -12%;}
    .circle .b20{bottom: 0%;}
    .circle .l20{left: 0%;} 
    .patrocinadores ul li{height: 60px;}
    .redpedagogia p{width: 95%; margin:0;}
    .pedagogia .lic-header-convocatoria .titulo h2{font-size: 7em; text-shadow: 0 5px 5px #333; }
    .pedagogia .lic-header-convocatoria .titulo h3{width: 60%;}

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    header nav ul{display: none;}
    header #mobile-menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y:scroll; z-index: 101; background: rgba(250,250,250,.95); }
    header #mobile-menu ul{margin-top: 75px; padding: 0;}
    header #mobile-menu ul li{display: block; width: 100%; min-height: 40px; margin: 0; padding: 0; border-bottom: 3px solid #ccc;}
    header #mobile-menu ul li a{text-decoration: none; display: block; width: 100%; height: 100%; font-family: 'oswald'; color: #333; font-size: 2.5em; line-height: 1.8em; text-transform: uppercase;}
    header #mobile-menu ul li ul{margin-top: 0px; margin: 0; padding: 0; }
    header #mobile-menu ul li ul li{border-bottom: 3px solid #e6e6e6;}
    header #mobile-menu ul li ul li:last-child{border-bottom: none;}
    header #mobile-menu ul li ul li a{text-indent: 15px; color: #999;}
    header a#movil-menu             { display: block; position: fixed; right: 10px; top: 15px; width: 60px; height: 60px; background: rgba(250,250,250,.9); border-radius: 5px; text-align: center; text-decoration: none; font-size: 4em; line-height: 1.6em; z-index: 102; color: #333; }
    header .sociales{position: absolute; top: 70px; left: 50%; z-index: 100; margin-left: -78px;}
    header div#explore{z-index: 106;}
    header .display{display: block !important; }
    header .sociales{display: none;}
    header #mobile-menu .sociales{width: 225px; height: 35px; display: block; position: absolute; top: 0; left: 50%; margin-left: -112px;}
    header #mobile-menu .sociales ul{margin: 30px 0 0 0; padding: 0;}
    header #mobile-menu .sociales ul li{margin: 0 5px; padding: 0; float: left !important; width: 44px; height: 44px; position: relative; border-bottom: none;}
    header #mobile-menu .sociales ul li .info-tool{width: 100px; height: 32px; background: rgba(30,30,30,.9); border-radius: 5px; color: #fff; font-size: 1.3em; text-align: center; line-height: 2.5em; position: absolute; top: 55px; left: 50%; margin-left: -50px; z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: opacity, visibility .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    header #mobile-menu .sociales ul li:hover .info-tool{visibility: visible; opacity: 1;}
    header #mobile-menu .sociales ul li .info-tool .triangle{width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(30,30,30,.9); position: absolute; left: 50%; margin-left: -5px; top: -5px; }
    header #mobile-menu .sociales ul li a{display:block; width:44px; height: 44px; background: #999; border-radius: 22px; text-decoration: none; color: #fff; font-size: 2em; margin: 0 4px 0 0; text-align: center; line-height: 2.1em; -webkit-transition: background .3s, color .3s, line-height .3s; -moz-transition: background .3s, color .3s, line-height .3s; -o-transition: background .3s, color .3s, line-height .3s; transition: background .3s, color .3s, line-height .3s;}
    header #mobile-menu .sociales ul li a:hover{line-height: 2.3em;}
    header #mobile-menu .sociales ul li.facebook a:hover{background: #1e4279; color: #FFF;}
    header #mobile-menu .sociales ul li.twitter a:hover{background: #2ab3e6; color: #FFF;}
    header #mobile-menu .sociales ul li.instagram a:hover{background: #b46438; color: #FFF;}
    header #mobile-menu .sociales ul li.search a:hover{background: #f09315; color: #FFF;}
    header #mobile-menu .sociales ul li.acceso a:hover{background: #ed2f59; color: #FFF;}
    /* para egresados*/
    .egresados .header .titulo h4{font-size: 4em; }
    .egresados .header .circulo{z-index: -1;}
    .egresados .header .slogan {text-align: left; position: absolute; z-index: 1;}
    .vinculacion .header .titulo h4{font-size: 4em; padding-top: 10px; line-height: 30px; }
    .vinculacion .header .circulo{z-index: -1; display:none;}
    .vinculacion .header .slogan {text-align: left; position: absolute; z-index: 1;}
    .vinculacion .header .slogan {    font-size: 3em;}
    /* para egresados*/
    #modal-accesos{z-index: 104;}
    .oferta-educativa{width: 100%;}
    .oferta-educativa ul li{width: 48%;}
    .video-frame{height: 250px;}
    .video-frame .contenedor{padding-bottom: 60% !important;}
    .novedades ul#latest-events li{width: 100%;}
    .slogan{min-height: 70px; background-size: inherit}
    .main-slogan .marca{width: 500px; height: 90px;}
    .main-section{height: 330px;}
    .mobil h3,.mobil .separador{display: block;}
    .desktop h3,.desktop .separador{display: none;}
    .mas-info .cnt-btn{ margin: 10px auto;}
    .upgch-page-content .left-side{margin-right: 0; width: 100%; min-height: 430px;}
    .upgch-page-content .right-side{width: 100%; min-height: 430px;}
    .upgch-page-content .foto{margin-top: 0;}
    .upgch-page-content img{width: 100%;}
    .share-content h5{text-align: center;}
    .share-content ul{width: 240px; margin: 20px auto;}
    .side-news ul#latest-news li .descripcion{width: 70%;}
    .side-events ul#latest-events li{width: 100%;}
    ul#directorio li.nivel_1 .contenedor{width: 300px;}
    ul#directorio li.nivel_2{width: 100%; float: none;}
    ul#directorio li.nivel_3{width: 100%; float: none;}
    .educacion-basica{ width: 100%; min-height: 800px;}
    
    .educacion-basica .titulo{height: 250px; width: 100%;}
    .educacion-basica .portada{height: 320px; width: 100%;}
    .educacion-basica .portada .circulo{width: 300px; height: 300px; left: 60%; top: 75%;  }
    .educacion-basica .portada .circulo-foto{width: 300px; height: 300px; left:60%; top: 75%;}
    .educacion-basica .portada .imagen{width: 225px; height: 225px;  left:60%; top: 75%; }
    .educacion-basica .slogan{display: block; width: 100%; min-height: 100px;}
    .educacion-basica .slogan p{width: 370px; margin: 0 auto; font-size: 3em; line-height: 1.2em; font-family: 'oswaldlight'; color: #FFF;}
    .educacion-basica .introduccion{width: 84%; min-height: 90px; background: #FFF; margin-left: 0px; box-shadow: 0 0 20px #666; padding: 40px 40px 20px 30px; position: relative;}
    .educacion-basica .introduccion p{ border-top:2px solid #b2c134; border-bottom: 2px solid #b2c134; padding: 15px 0; font-size: 1.8em; line-height: 1.2em; font-family: arial; color: #999; text-align: justify;}
    .educacion-basica .introduccion .fondo-intro{position: absolute; width: 100%; height: 260px; background: #afca05;  left: 0; bottom: -55px; z-index: -1;  box-shadow: 0 0 40px #333;}
    .educacion-basica .introduccion .imagen{display: none;}
    .educacion-basica .introduccion .maestras{position: absolute; left: 40px; bottom: -45px;}
    .educacion-basica .coordinador .nombre{width: 100%; min-height: 180px;}
    .educacion-basica .coordinador .foto{margin: 0 100px 20px 100px;}
    footer .telefonos a{text-decoration: none; color: #da5f3e; margin: 0 5px; font-size: 1.5em;}
    .areas-licenciatura .area,.areas-maestria .area{height: 400px;}
    .areas-licenciatura  ul li a h5{font-size: 2.3em !important;}
    .areas-licenciatura .area,.areas-maestria .area{width: 100%;}
    .areas-licenciatura  ul li.nombre .circulo,.areas-maestria ul li.nombre .circulo{width: 120px !important; height: 120px !important; margin: 125px 0 0 0 !important;}
    .areas-licenciatura .salud ul li.nombre .circulo,.areas-maestria .salud ul li.nombre .circulo{margin: 75px 0 0 0 !important;}
    .areas-licenciatura  ul li.nombre .circulo i,.areas-maestria  ul li.nombre .circulo i{ font-size: 2em !important;}
    .areas-maestria .salud ul li a h5{bottom: 70px !important; font-size: 2.2em;}
    .areas-maestria .ingenierias ul li a h5{bottom: 115px !important; font-size: 2.5em;}
    .areas-maestria .negocios ul li a h5{bottom: 70px !important; font-size: 2.2em;}
    .areas-maestria .negocios ul li a h6{bottom: 30px;}
    .blog-noticias .post-content{min-height: 150px;}
    .blog-noticias .post-content .imagen{width: 100%; height: 200px; margin-bottom: 10px;}
    .blog-noticias .post-content .titulo{padding-left: 10px;}
    .blog-noticias .post-content .descripcion{padding-left: 15px;}
    .blog-noticias .post-content .vermas{margin-bottom: 20px;}
    .news-post-content .portada{height: 250px;}
    .side-share-content ul{width: 240px; margin: 20px auto;}
    .side-share-content h5{text-align: center;}
    .side-share-content ul li a{width: 60px; height: 60px; border-radius: 30px; font-size: 2.8em;}
    .side-share-content ul li .info-tool{top: 70px; margin-left: -40px;}
    ul#folletos li{margin: 30px 0; display: block; width: 100%;}
    .evento .portada{width: 100%; margin: 0;}
    .evento .galeria{width: 100%;}
    .evento .galeria ul{height: 100px;}
    .evento .galeria ul li{width: 16.66% !important; height: 80px !important;}
    .evento .galeria ul li a{font-size: 2em;}
    .evento .galeria ul li a .ver .icon{width: 40px !important; height: 40px !important; margin-left: -20px !important; margin-top: -20px !important;}
    .contacto .cnt-btn{margin: 10px auto;}
    .privacidad ul li {width: 100%;}
    .privacidad ul li a{line-height: 1em; padding-top: 20px; text-align: center;}
    .servicios .portada .titulo h4{font-size: 5em; line-height: 1em; padding-top: 50px;}
    .servicio-social .portada .titulo h4{font-size: 5em; line-height: 1em; padding-top: 50px;}
    .proceso-titulacion .header{height: 300px;}
    .proceso-titulacion .titulo{width: 300px; min-height: 250px;}
    .proceso-titulacion h2{font-size: 5em; padding-top: 10px !important; bottom: 10%; width: 300px;}
    .lic-header .navegacion{display: none;}
    .lic-header .portada{display: none;}
    .lic-header .circulo{display: none;}
    .lic-header .titulo{width: 100%; margin-top: 50px; margin-bottom: 0; margin-left: -10px; min-height: 120px; text-align: center;}
    .lic-header .titulo h1{font-size: 3.5em; text-align: center;}
    .lic-header .dictamen{font-size: 1.4em; width: 80%; position: relative; z-index: 5;}
    .circle{width: 300px; background-size: cover !important;}
    .circle .icono .title .texto{padding-top: 40px;}
    .w700{width: 300px !important; height: 300px !important; margin: 0 auto; padding: 100px; }
    .w300{width: 200px !important; height: 200px !important; padding:100px; }
    .w200{width: 200px !important; height: 200px !important; padding:100px; }
    .lic-header{width: 350px; height: 350px; margin-left:-175px; margin-top: -150px;}
    .lic-header .degradado{height: 350px !important; width: 350px !important;}
    .lic-header .fondo{height: 350px;}
    .lic-header h1{font-family: 'rubikbold'; font-size: 3.5em; color: #FFF;}
    .lic-header h5{font-family: 'rubikbold'; font-size: 2em; text-align: center; color: #FFF; margin:0; padding: 0;}
    .lic-perfil{margin-top: 50px;}
    .lic-perfil .campo{width: 80%; margin:0 auto;}
    .lic-perfil .egreso{width: 80%;}
    .lic-plan .titulo{margin-top: -150px; margin-bottom: 40px;}
    .circle .grande{width: 140px; height: 140px;}
    .circle .mediano{width: 120px; height: 120px;}
    .circle .t20{top: 5%;}
    .circle .l-20{left: 0%;}
    .circle .b20{bottom: -2%; z-index: 2;}
    .circle .l20{left: 10%;}
    .circle .r0{right: 10%;}
    .circle .r-5{right: 4%;}
    .lic-perfil .fondo-egreso{visibility: hidden;}
    .lic-perfil .six.columns{width: 100%;}
    .lic-requisitos .vacio{width: 0;}
    .lic-requisitos .requisitos{width: 100%;}
    .lic-requisitos .requisitos .costos,.lic-requisitos .requisitos .req{width: 85%; padding-left: 15%;}
    .medico-cirujano .lic-header .titulo h2{font-size: 7em;}
    .ingenierias .lic-requisitos .inicio,.negocios .lic-requisitos .inicio,.sociales .lic-requisitos .inicio,.salud .lic-requisitos .inicio,.medico-cirujano .lic-requisitos .inicio,.juridica .lic-requisitos .inicio {float: left; position: initial; width: auto;}
    .ingenierias .lic-requisitos .fecha,.negocios .lic-requisitos .fecha,.sociales .lic-requisitos .fecha,.salud .lic-requisitos .fecha,.medico-cirujano .lic-requisitos .fecha,.juridica .lic-requisitos .fecha {float: left; position: initial;}
    .lic-plan .w200{width: 100px; height: 100px; padding:50px; margin: 0 auto;}
    .lic-plan .titulo{width: 100%; padding: 0;}
    .lic-plan .semestres{width: 100%; padding: 0; }
    .lic-plan .semestres ul{position: relative; z-index:20;}
    .lic-plan .semestres ul li{width: 44%; margin-left: 20px; min-height: 200px;}
    .maestria .lic-header .navegacion{display: none;}
    .lic-header-convocatoria .titulo h2{font-size: 5em; color: #fff;}
    .subfooter .logo-footer a{margin: 0 auto;}
    .blog-header{height: 300px;}
    .blog-header .sociales, .blog-header-post{display: none;}
    .blog-header .nombre{padding: 80px 0 40px; line-height: 1em; font-size: 5em;}
    #modal-accesos .opciones ul li{width: 130px; height: 130px; background: none;}
    #modal-accesos .opciones ul li a .icono{font-size: 7em; padding-top: 15px;}
    #modal-accesos .opciones ul li a .nombre{font-size: 1.6em; font-family: 'oswald';}
    #modal-accesos .opciones ul li:nth-child(1){position: absolute; left: 50%; top: 40px; margin-left: -65px;}
    #modal-accesos .opciones ul li:nth-child(2){position: absolute; right: 40px; top: 50%; margin-top: -65px;}
    #modal-accesos .opciones ul li:nth-child(3){position: absolute; left: 50%; bottom: 20px; margin-left: -65px;}
    #modal-accesos .opciones ul li:nth-child(4){position: absolute; left: 40px; top: 50%; margin-top: -65px;}
    #modal-accesos .opciones ul li:nth-child(5){position: absolute; left: 20px; top: -20px; margin-top: 0px;}
    #modal-accesos .opciones ul li:nth-child(6){position: absolute; left: 20px; top: 300px; margin-top: 0px;}
    #modal-accesos .opciones ul li ul li:nth-child(1){position: absolute; left: 90px; top: -110px;}
    #modal-accesos .opciones ul li ul li:nth-child(2){position: absolute; left: 100px; top: 40px;}
    #modal-accesos .opciones ul li ul li:nth-child(3){position: absolute; left: 275px; top: -23px;}
    #modal-accesos .opciones ul li ul li:nth-child(4){position: absolute; left: 280px; top: -50px;}
    #modal-accesos .opciones ul li ul li:nth-child(5){position: absolute; left: 200px; top: 90px;}
     #modal-accesos .opciones ul li ul li:nth-child(5){position: absolute; left: 150px; top: -150px;}
    .filosofia .foto{width: 300px !important; height: 300px;}
    .areas-licenciatura{display: block; margin-top: 150px;}
    .areas-licenciatura .area,.areas-maestria .area{ height: auto;}
    .areas-licenciatura .area ul li,.areas-maestria .area ul li{ position: relative !important; height: 100px !important; width: 100% !important;}
    .areas-licenciatura .area ul li:nth-child(2),.areas-maestria .area ul li:nth-child(2){display: none;}
    .areas-licenciatura .salud ul li:nth-child(4){right: 0;}
    .areas-licenciatura .salud ul li:nth-child(10){right: 0;}
    .areas-licenciatura .salud ul li:nth-child(11){right: 0;}
    .areas-licenciatura .salud ul li.nombre .circulo,.areas-maestria .salud ul li.nombre .circulo{margin: 5px 0 100px 0 !important;}
    .areas-licenciatura  ul li.nombre .circulo,.areas-maestria ul li.nombre .circulo{width: 90px !important; height:90px !important; background: none !important; box-shadow: none !important; margin: 5px 0 0 100px !important;}
    .areas-licenciatura  ul li.nombre .circulo i,.areas-maestria ul li.nombre .circulo i{font-size: 1.5em !important;}
    .areas-licenciatura .ingenierias ul li:nth-child(6){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(7){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(8){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(9){right: 0;}
    .areas-licenciatura .negocios ul li:nth-child(n){right: 0;}
    .areas-maestria .negocios ul li:nth-child(n){right: 0;}
    .areas-maestria .sociales ul li:nth-child(n){right: 0;}
    .areas-maestria .juridica ul li:nth-child(n){right: 0;}
    .areas-licenciatura .salud ul li a h5{font-size: 3em; bottom: 15px !important;}
    .areas-licenciatura .ingenierias ul li a h5{font-size: 3em; bottom: 35px !important;}
    .areas-maestria .salud ul li a h5{font-size: 3em; bottom: 55px !important;}
    .areas-maestria .salud ul li a h6{font-size: 2.5em;}
    .areas-maestria .ingenierias ul li a h5{bottom: 55px !important;}
    .areas-maestria .ingenierias ul li a h6{bottom:10px;}
    .areas-maestria .negocios ul li a h5{font-size: 3em; bottom: 35px !important;}
    .areas-maestria .negocios ul li a h6{font-size: 2.5em; bottom: 10px;}
    .listado-especialidades ul#posgrados li{width: 100%;}

    .patrocinadores ul li{width: 31%; margin:10px 1% 20px 1%; height: 40px;}
    .pedagogia .lic-header-convocatoria{ background:url(../img/exclusive_paper.png) !important; background-repeat: repeat !important; min-height: 200px; }
    .pedagogia .lic-header-convocatoria .titulo h2{padding-top:30px; color: #444;}
    .pedagogia .lic-header-convocatoria .titulo h3{width: 100%; font-size: 3em; width: 100% !important;}
    .sistema-ejecutivo .lic-header-convocatoria .titulo h2{font-size:5.5em;}
    .sistema-ejecutivo .lic-header-convocatoria{height:250px;}
    .oferta-disponible .tipos .icono{background-size:100%;}
    .oferta-disponible .tipos .icono .fondo{width:140px; height:140px;}
    .oferta-disponible .tipos .icono i{font-size:8.5em;}
    .redpedagogia p{font-size:1.7em; width: 100%;}
    .descripcion-beca .descripcion{width: 100%; margin-bottom: 50px;}
    .oferta-disponible .tipos h4{font-size:2.5em;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    header .logo a                  {  margin: 0; background: url(../img/logo.svg) no-repeat top left -10px; background-size: 28%; margin-top: 8px; font-family: 'Gotham-Black'; font-size: 1.3em; text-transform: uppercase; color: #5B5B5B; line-height: 1.2em; }
    .oferta-educativa ul li{height: 200px;}
    .oferta-educativa ul li a{font-size: 2.5em; line-height: 1em;}
    .oferta-educativa ul li a .titulo i{font-size: 2.5em;}
    .video-frame{height: 200px;}
    .video-frame .contenedor{padding-bottom: 100% !important;}
    .slogan{min-height: 50px; background-size: inherit}
    .main-slogan .marca{width: 300px; height: 50px; margin-top: 20px;}
    .educacion-basica .portada .circulo{ margin-left: -180px; }
    .educacion-basica .portada .circulo-foto{ margin-left: -180px; }
    .educacion-basica .portada .imagen{ margin-left: -140px; }
    .educacion-basica .contenedor .top-right-circle{display: none;}
    .educacion-basica .titulo h3{font-size: 5em; margin-left: 0;}
    .educacion-basica .slogan p{width: 90%; font-size: 2.2em;}
    .educacion-basica .informacion .descripcion{width: 100%; margin-top: 40px;}
    .educacion-basica .informacion .detalles{ width: 100%; margin-top: -40px; margin-left: 0; }
    .educacion-basica .informacion2 .descripcion{width: 100%;}
    .educacion-basica .informacion2 .detalles{width: 100%; margin-left: 0;}
    .educacion-basica .introduccion{width: 77%;}
    .educacion-basica .introduccion .maestras{left: 0;}
    .educacion-basica .introduccion .maestras h4{font-size: 2em;}
    .educacion-basica .coordinador{margin:0; min-height: 200px;}
    .educacion-basica .coordinador .foto{margin: 0 0 15px 50px;}
    .areas-licenciatura{display: block; margin-top: 150px;}
    .areas-licenciatura .area,.areas-maestria .area{ height: auto;}
    .areas-licenciatura .area ul li,.areas-maestria .area ul li{ position: relative !important; height: 100px !important; width: 100% !important;}
    .areas-licenciatura .area ul li:nth-child(2),.areas-maestria .area ul li:nth-child(2){display: none;}
    .areas-licenciatura .salud ul li:nth-child(4){right: 0;}
    .areas-licenciatura .salud ul li:nth-child(10){right: 0;}
    .areas-licenciatura .salud ul li.nombre .circulo,.areas-maestria .salud ul li.nombre .circulo{margin: 5px 0 100px 0 !important;}
    .areas-licenciatura  ul li.nombre .circulo,.areas-maestria ul li.nombre .circulo{width: 90px !important; height:90px !important; background: none !important; box-shadow: none !important; margin: 5px 0 0 100px !important;}
    .areas-licenciatura  ul li.nombre .circulo i,.areas-maestria ul li.nombre .circulo i{font-size: 1.5em !important;}
    .areas-licenciatura .ingenierias ul li:nth-child(6){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(7){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(8){right: 0;}
    .areas-licenciatura .ingenierias ul li:nth-child(9){right: 0;}
    .areas-licenciatura .negocios ul li:nth-child(n){right: 0;}
    .areas-maestria .negocios ul li:nth-child(n){right: 0;}
    .areas-maestria .sociales ul li:nth-child(n){right: 0;}
    .areas-maestria .juridica ul li:nth-child(n){right: 0;}
    .areas-licenciatura .salud ul li a h5{font-size: 3em; bottom: 15px !important;}
    .areas-licenciatura .ingenierias ul li a h5{font-size: 3em; bottom: 35px !important;}
    .areas-maestria .salud ul li a h5{font-size: 3em; top: 25px !important;}
    .areas-maestria .salud ul li a h6{font-size: 2.5em;}
    .areas-maestria .ingenierias ul li a h5{bottom: 55px !important;}
    .areas-maestria .ingenierias ul li a h6{bottom:10px;}
    .areas-maestria .negocios ul li a h5{font-size: 3em; bottom: 35px !important;}
    .areas-maestria .negocios ul li a h6{font-size: 2.5em; bottom: 10px;}
    .listado-especialidades ul#posgrados li{width: 100%;}
    .evento .galeria{margin-bottom: 20px;}
    .evento .galeria ul li{width: 25% !important; height: 70px !important;}
    .evento .galeria ul li:nth-child(5){width: 50% !important; }
    .evento .galeria ul li:nth-child(6){width: 50% !important; }

    .circle{width: 250px; background-size: cover !important;}
    .circle .icono .title .texto{padding-top: 30px; font-size: .8em !important; width: 80%;}
    .w700{width: 250px !important; height: 250px !important; margin: 0 auto; padding: 100px; }
    .w300{width: 150px !important; height: 150px !important; padding:100px; }
    .w200{width: 150px !important; height: 150px !important; padding:100px; }
    .lic-header{width: 300px; height: 300px; margin-left:-150px; margin-top: -150px;}
    .lic-header .degradado{height: 300px !important; width: 300px !important;}
    .lic-header .fondo{height: 350px;}
    .lic-header .titulo{margin-bottom: -20px; margin-top: 40px;}
    .lic-header .titulo h5{margin-bottom:-10px;}
    .circle .grande{width: 120px; height: 120px;}
    .circle .mediano{width: 100px; height: 100px;}
    .circle .t20{top: -6%;}
    .circle .l-20{left: 9%;}
    .circle .b20{bottom: 4%; z-index: 2;}
    .circle .l20{left: 5%;}
    .circle .r0{right: 18%;}
    .circle .r-5{right: 15%;}
    .circle .b0{bottom: 10%;}
    .lic-plan .semestres .triangle{display: none;}
    .lic-plan .semestres ul li{width: 45%; margin-left: 2px; min-height: 250px;}
    .requisitos{margin-top: 50px;}
}
    /* #Font-Face
    ================================================== */
    /*  This is the proper syntax for an @font-face file
            Just create a "fonts" folder at the root,
            copy your FontName into code below and remove
            comment brackets */
    @font-face {
        font-family: 'SeravekMediumItalic';
        font-style: normal;
        font-weight: normal;
        src: local('SeravekMediumItalic'), url('fonts/seravek/Seravek-MediumItalic.woff') format('woff');
    }
    @font-face {
      font-family: 'KBHoldthePhone';
        src:  url('fonts/kbholdthephone/KBHoldthePhone.ttf.woff') format('woff'),
        url('fonts/kbholdthephone/KBHoldthePhone.ttf.svg#KBHoldthePhone') format('svg'),
        url('fonts/kbholdthephone/KBHoldthePhone.ttf.eot'),
        url('fonts/kbholdthephone/KBHoldthePhone.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'overpass';
        src: url('fonts/overpass/overpass.eot');
        src: url('fonts/overpass/overpass.eot?#iefix') format('embedded-opentype'),
             url('fonts/overpass/overpass.woff') format('woff'),
             url('fonts/overpass/overpass.ttf') format('truetype'),
             url('fonts/overpass/overpass.svg#overpass') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'bebas';
        src: url('fonts/bebas/bebas.eot');
        src: url('fonts/bebas/bebas.eot?#iefix') format('embedded-opentype'),
             url('fonts/bebas/bebas.woff') format('woff'),
             url('fonts/bebas/bebas.ttf') format('truetype'),
             url('fonts/bebas/bebas.svg#bebas') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'roboto-regular';
        src: url('fonts/roboto/Roboto-Regular.eot');
        src: url('fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/roboto/Roboto-Regular.woff') format('woff'),
             url('fonts/roboto/Roboto-Regular.ttf') format('truetype'),
             url('fonts/roboto/Roboto-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'oswald';
        src: url('fonts/oswald/oswald-regular.eot');
        src: url('fonts/oswald/oswald-regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/oswald/oswald-regular.woff2') format('woff2'),
             url('fonts/oswald/oswald-regular.woff') format('woff'),
             url('fonts/oswald/oswald-regular.ttf') format('truetype'),
             url('fonts/oswald/oswald-regular.svg#oswald') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'oswaldextralight';
        src: url('fonts/oswald/oswald-extralight.eot');
        src: url('fonts/oswald/oswald-extralight?#iefix') format('embedded-opentype'),
             url('fonts/oswald/oswald-extralight.woff2') format('woff2'),
             url('fonts/oswald/oswald-extralight.woff') format('woff'),
             url('fonts/oswald/oswald-extralight.ttf') format('truetype'),
             url('fonts/oswald/oswald-extralight.svg#oswaldextralight') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'oswalditalic';
        src: url('fonts/oswald/oswald-italic.eot');
        src: url('fonts/oswald/oswald-italic?#iefix') format('embedded-opentype'),
             url('fonts/oswald/oswald-italic.woff2') format('woff2'),
             url('fonts/oswald/oswald-italic.woff') format('woff'),
             url('fonts/oswald/oswald-italic.ttf') format('truetype'),
             url('fonts/oswald/oswald-italic.svg#oswalditalic') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'oswaldlight';
        src: url('fonts/oswald/oswald-light.eot');
        src: url('fonts/oswald/oswald-light?#iefix') format('embedded-opentype'),
             url('fonts/oswald/oswald-light.woff2') format('woff2'),
             url('fonts/oswald/oswald-light.woff') format('woff'),
             url('fonts/oswald/oswald-light.ttf') format('truetype'),
             url('fonts/oswald/oswald-light.svg#oswaldlight') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
    font-family: 'Gotham-Black';
    src: url('fonts/gotham/gotham-black.eot');
    src: url('fonts/gotham/gotham-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham/gotham-black.woff2') format('woff2'),
         url('fonts/gotham/gotham-black.woff') format('woff'),
         url('fonts/gotham/gotham-black.ttf') format('truetype'),
         url('fonts/gotham/gotham-black.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubiklight';
    src: url('fonts/rubik/rubik-light.eot');
    src: url('fonts/rubik/rubik-light.woff2') format('woff2'),
         url('fonts/rubik/rubik-light.woff') format('woff'),
         url('fonts/rubik/rubik-light.ttf') format('truetype'),
         url('fonts/rubik/rubik-light.svgt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikregular';
    src: url('fonts/rubik/rubik-regular.eot');
    src: url('fonts/rubik/rubik-regular.woff2') format('woff2'),
         url('fonts/rubik/rubik-regular.woff') format('woff'),
         url('fonts/rubik/rubik-regular.ttf') format('truetype'),
         url('fonts/rubik/rubik-regular.svgt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikmedium';
    src: url('fonts/rubik/rubik-medium.eot');
    src: url('fonts/rubik/rubik-medium.woff2') format('woff2'),
         url('fonts/rubik/rubik-medium.woff') format('woff'),
         url('fonts/rubik/rubik-medium.ttf') format('truetype'),
         url('fonts/rubik/rubik-medium.svgt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikbold';
    src: url('fonts/rubik/rubik-bold.eot');
    src: url('fonts/rubik/rubik-bold.woff2') format('woff2'),
         url('fonts/rubik/rubik-bold.woff') format('woff'),
         url('fonts/rubik/rubik-bold.ttf') format('truetype'),
         url('fonts/rubik/rubik-bold.svgt') format('svg');
    font-weight: normal;
    font-style: normal;
}
    @font-face {
        font-family: 'custom';
        src:url('fonts/custom/upgch.eot?-f1ilph');
        src:url('fonts/custom/upgch.eot?#iefix-f1ilph') format('embedded-opentype'),
            url('fonts/custom/upgch.woff?-f1ilph') format('woff'),
            url('fonts/custom/upgch.ttf?-f1ilph') format('truetype'),
            url('fonts/custom/upgch.svg?-f1ilph#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    [class^="icon-"], [class*=" icon-"] {
        font-family: 'custom';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-pdf:before {
        content: "\e921";
    }
    .icon-curso-titulacion:before {
        content: "\e91b";
    }
    .icon-estudio-posgrado:before {
        content: "\e91c";
    }
    .icon-examen-general:before {
        content: "\e91d";
    }
    .icon-promedio-general:before {
        content: "\e91e";
    }
    .icon-prototipo-didactico:before {
        content: "\e91f";
    }
    .icon-tesis:before {
        content: "\e920";
    }
    .icon-profile:before {
        content: "\e91a";
    }
    .icon-plan-estudios:before {
        content: "\e916";
    }
    .icon-becas:before {
        content: "\e917";
    }
    .icon-requisitos:before {
        content: "\e918";
    }
    .icon-costos:before {
        content: "\e919";
    }
    .icon-secundaria:before {
        content: "\e90f";
    }
    .icon-acceso:before {
        content: "\e915";
    }
    .icon-menumas:before {
        content: "\e914";
    }
    .icon-ingenierias:before {
        content: "\e909";
    }
    .icon-negocios:before {
        content: "\e90a";
    }
    .icon-juridica:before {
        content: "\e910";
    }
    .icon-sociales:before {
        content: "\e911";
    }
    .icon-salud:before {
        content: "\e913";
    }
    .icon-doctorados:before {
        content: "\e903";
    }
    .icon-especialidades:before {
        content: "\e904";
    }
    .icon-licenciaturas:before {
        content: "\e906";
    }
    .icon-maestrias:before {
        content: "\e907";
    }
    .icon-preescolar:before {
        content: "\e908";
    }
    .icon-preparatoria:before {
        content: "\e90e";
    }
    .icon-telephone166:before {
        content: "\e90d";
    }
    .icon-doodle1:before {
        content: "\e90c";
    }
    .icon-send4:before {
        content: "\e90b";
    }
    .icon-primaria:before {
        content: "\e905";
    }
    .icon-docente:before {
        content: "\e900";
    }
    .icon-estudiante:before {
        content: "\e901";
    }
    .icon-padre:before {
        content: "\e902";
    }
    .icon-play:before {
        content: "\e912";
    }
    .icon-location:before {
        content: "\e947";
    }
    .icon-undo2:before {
        content: "\e967";
    }
    .icon-bubble:before {
        content: "\e96b";
    }
    .icon-bin:before {
        content: "\e9ac";
    }
    .icon-menu:before {
        content: "\e9bd";
    }
    .icon-hipster:before {
        content: "\e9f9";
    }
    .icon-share:before {
        content: "\ea82";
    }
    .icon-facebook:before {
        content: "\ea8c";
    }
    .icon-twitter:before {
        content: "\ea91";
    }
    .icon-search:before {
        content: "\f002";
    }
    .icon-mail:before {
        content: "\f003";
    }
    .icon-clock-o:before {
        content: "\f017";
    }
    .icon-minus-circle:before {
        content: "\f056";
    }
    .icon-check-circle:before {
        content: "\f058";
    }
    .icon-question-circle:before {
        content: "\f059";
    }
    .icon-info-circle:before {
        content: "\f05a";
    }
    .icon-exclamation-circle:before {
        content: "\f06a";
    }
    .icon-phone:before {
        content: "\f095";
    }
    .icon-file-text-o:before {
        content: "\f0f6";
    }
    .icon-angle-left:before {
        content: "\f104";
    }
    .icon-angle-right:before {
        content: "\f105";
    }
    .icon-angle-up:before {
        content: "\f106";
    }
    .icon-angle-down:before {
        content: "\f107";
    }
    .icon-quote-left:before {
        content: "\f10d";
    }
    .icon-quote-right:before {
        content: "\f10e";
    }
    .icon-info:before {
        content: "\f129";
    }
    .icon-calendar-o:before {
        content: "\f133";
    }
    .icon-instagram:before {
        content: "\f16d";
    }