@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,600,600i,700,700i'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Spinnaker'); header.custom--header .container-btn-menu .navbar-favoritos{ display: none; } html { /*overflow-x: hidden;*/ } html, html a, body { /*-webkit-font-smoothing: antialiased;*/ } body { position: relative; overflow-x: hidden; font-family: 'Roboto', sans-serif; } p { font-size: 15px; font-weight: 400; font-family: 'Roboto', sans-serif; color: #a6a7aa; line-height: 1.4; margin-bottom: 15px; } em{ font-size: 16px; font-weight: 500; font-family: 'Roboto', sans-serif; color: #515769; } a { font-family: 'Roboto', sans-serif; color: #81848f; outline: 0; } a:focus, a:hover, a:active { outline: 0; color: #999caa; text-decoration: none; } .link { position: relative; font-size: 13px; font-weight: 600; font-family: 'Roboto', sans-serif; } .link:after { position: absolute; top: 8px; right: -15px; width: 9px; height: 2px; background: #5bc0de; } span { font-size: 14px; font-weight: 400; font-family: Hind, sans-serif; color: #bfc1c7; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: Hind, sans-serif; color: #515769; line-height: 1.4; margin: 0 0 15px; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: #515769; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #999caa; text-decoration: none; } h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus { text-decoration: none; } h1 { font-size: 40px; } h2 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 22px; } /*::selection { color: #fff; background: #fff; text-shadow: none; } ::-webkit-selection { color: #fff; background: #5bc0de; text-shadow: none; } ::-moz-selection { color: #fff; background: #5bc0de; text-shadow: none; } :active, :focus { outline: none; }*/ #myCarousel .carousel-inner{ position: fixed; /*height: 200px;*/ } #myCarousel{ height: 200px; } /*------------------------------------------------------------------ [Header] ------------------------------------------------------------------*/ .custom--header{ background-color: transparent; position: fixed; z-index: 15; width: 100%; height: 51px; padding: 0px; margin: 0px; } .custom--header .navbar-toggle, .custom--header .navbar-favoritos, .custom--header .navbar-acceso { width: 110px; height: 37px; border: none; padding: 0; color:#fff; background-color:rgba(255, 255, 255, 0.95); border-radius:0px !important; float: right; margin-right: 10px; margin-top: 8px; } .custom--top--buttons .container-btn-menu{ position: relative; float: right; width: 120px; height: 170px; } .page-on-scroll .custom--top--buttons .container-btn-menu{ position: relative; float: right; width: 360px; height: 53px; } .custom--header .toggle-icon { position: relative; width: 21px; height: 5px; top:4px; display: inline-block; background: #c62828; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .navbar-toggle span, .custom--header .navbar-favoritos span, .custom--header .navbar-acceso span{ margin-left:10px; color:#333; font-weight:300; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; } .custom--header .icon-fav{ position: relative; height: 20px; width: 25px; float: right; margin-right: 10px; margin-top: 1px; background: transparent url(../img/icons/icon_corazon.svg); background-repeat: no-repeat; } .custom--header .icon-acc{ position: relative; height: 15px; width: 27px; float: right; margin-right: 10px; margin-top: 4px; background: transparent url(../img/icons/icon_llave.svg); background-repeat: no-repeat; } .container-menu-mobile .icon-fav-mobile{ position: relative; height: 20px; width: 25px; float: left; margin-left: 7px; margin-right: 4px; top: 9px; background: transparent url(../img/icons/icon_corazon.svg); background-repeat: no-repeat; } .container-menu-mobile .icon-acc-mobile, .menu-main-list-acc .icon-acc-mobile{ position: relative; height: 17px; width: 27px; float: left; margin-right: 8px; margin-top: 4px; top: 8px; left: 2px; background: transparent url(../img/icons/icon_llave.svg); background-repeat: no-repeat; } .custom--header .toggle-icon:before, .custom--header .toggle-icon:after { position: absolute; left: 0; background: #c62828; content: " "; } .custom--header .toggle-icon:before { width: 10px; height: 5px; bottom: 16px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .toggle-icon:after { width: 16px; height: 5px; top: -8px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .navbar-toggle:hover .toggle-icon { background: #c62828; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .navbar-toggle:hover .toggle-icon:before, .custom--header .navbar-toggle:hover .toggle-icon:after { width: 21px; height: 5px; background: #c62828; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(81, 87, 105, 0); } .custom--header .navbar { margin-bottom: 0; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); padding: 0 2% 0 2%; } .custom--header .logo-wrap-upaep { position: absolute; padding: 15px 10px; padding: 9px; z-index: 20; } .custom--header .logo-wrap-upaep:focus, .custom--header .logo-wrap-upaep:hover { text-decoration: none; } .custom--header .logo-img { display: inline-block; width: 130px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .custom--header .logo-img-main { display: none; transition-duration: 600ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .logo-img-active { display: inline-block; transition-duration: 600ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .page-on-scroll .custom--header .logo-img-main, .page-always-on .custom--header .logo-img-main{ transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); display: inline-block; } .page-on-scroll .custom--header .logo-img-active, .page-always-on .custom--header .logo-img-active{ transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); display:none; } .page-on-scroll .custom--header{ background-color: #fff; } .page-on-scroll .custom--header .navbar { transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .custom--header .navbar-nav { padding-left: 0; margin-bottom: 0; list-style: none; } .custom--header .navbar-toggle { display: block; } .custom--header .navbar-collapse.collapse { display: none !important; } .custom--header .navbar-collapse.collapse.in { display: block !important; } .custom--header .nav-collapse { padding-left: 0; padding-right: 0; } .custom--header .navbar-nav { margin: 0; float: none; } .custom--header .navbar-nav .nav-item { float: none; } .custom--header .menu-container:before, .header .menu-container:after { content: " "; display: table; } .custom--header .menu-container:after { clear: both; } .scroll-icon-link{ width: 45px; height: 90px; } .scroll-icon-link:hover{ cursor: pointer; } .icon-scroll{ position: relative; bottom: 95px; width: 45px; height: 60px; background-repeat: no-repeat; text-align: center; margin: 0 auto; } /*------------------------------------------------------------------ [CONTAINER LAYER FOR SLIDERS] ------------------------------------------------------------------*/ #myCarousel .carousel-item .container-layer{ position: absolute; bottom: 50px; left: 0; right: 0; width: 90%; height: 35%; margin: 0 auto; } #myCarousel .carousel-item .container-layer .right-layer-img{ position: relative; float: right; width: 50%; height: 100%; left: 5%; margin: 0 auto; background: url(/templates/aspirantes/img/banner/layer/slogan_soy_upaep.svg); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; } #myCarousel .carousel-item .container-layer-text{ position: absolute; bottom: 50px; left: 0; right: 0; width: 100%; height: 57%; margin: 0 auto; /*background-color: rgba(77, 77, 77, 0.35);*/ } #myCarousel .carousel-item .container-layer-text .container-layer-container{ position: relative; width: 90%; height: 100%; margin: 0 auto; padding: 25px; } #myCarousel .carousel-item .container-layer-text .layer-contet{ position: relative; } #myCarousel .carousel-item .container-layer-text .layer-right{ position: relative; float: right; height: 100%; width: 33.33%; } #myCarousel .carousel-item .container-layer-text .layer-left{ position: relative; float: left; height: 100%; width: 100%; } #myCarousel .carousel-item .container-layer-text .layer-center{ position: relative; margin: 0 auto; height: 100%; width: 66.66%; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-title{ position: relative; font-weight: 600; font-family: 'Roboto', sans-serif; color: #fff; font-size: 40px; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-subtitle{ position: relative; font-weight: 300; font-family: 'Roboto', sans-serif; color: #fff; font-size: 30px; } #myCarousel .carousel-item .container-layer-textbtn{ position: absolute; bottom: 50px; left: 0; right: 0; width: 100%; height: 30%; margin: 0 auto; text-align:center; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-titlebtn{ position: relative; font-weight: 600; font-family: 'Roboto', sans-serif; color: #fff; font-size: 40px; } div.container-layer-textbtn div.container-layer-container div.layer-contet.layer-left div.layer-title a.btn.btn-success{ margin:0 5%; font-family:montserrat; color:#fff; font-size:28px; background:transparent; border:1px solid #fff; border-radius:0; } @media(max-width: 1150px){ div.container-layer-textbtn div.container-layer-container div.layer-contet.layer-left div.layer-title a.btn.btn-success { font-size: 20px; } } @media(max-width: 860px){ div.container-layer-textbtn div.container-layer-container div.layer-contet.layer-left div.layer-title a.btn.btn-success { font-size: 14px; } } @media(max-width: 640px){ div.container-layer-textbtn div.container-layer-container div.layer-contet.layer-left div.layer-title a.btn.btn-success { width:80%; margin:10px 0; } div.carousel-item.active.full-screen.movile div.container-layer-textbtn{ bottom:110px !important; } } @media(max-width: 519px){ div.carousel-item.active.full-screen.movile div.container-layer-textbtn{ bottom: 120px !important; } } div.custom--top--buttons > div.container-btn-menu > img.logo-header{ display: block; position: relative; padding: 5px; padding-top: 8px; } .page-on-scroll div.custom--top--buttons > div.container-btn-menu > img.logo-header{ display:none; } /* @media(max-width: 1450px){ #myCarousel .carousel-item .container-layer-text .layer-contet .layer-title{ font-size: 36px; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-subtitle{ font-size: 26px; } } @media(max-width: 1100px){ #myCarousel .carousel-item .container-layer-text .layer-contet .layer-title{ font-size: 32px; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-subtitle{ font-size: 22px; } } @media(max-width: 800px){ #myCarousel .carousel-item .container-layer-text .layer-contet .layer-title{ font-size: 26px; } #myCarousel .carousel-item .container-layer-text .layer-contet .layer-subtitle{ font-size: 16px; } } @media(max-width: 600px){ #myCarousel .carousel-item .container-layer-text .layer-contet .layer-title{ font-size: 20px; } }*/ /*------------------------------------------------------------------ [Full Screen Carousel] ------------------------------------------------------------------*/ .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; } /*------------------------------------------------------------------ [Carousel] ------------------------------------------------------------------*/ .carousel-indicators li { height: 5px; cursor: pointer; -webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.75); } #myCarousel .carousel-indicators{ position: fixed; z-index: 10; } .carousel-centered { position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .carousel-title { font-size: 80px; font-weight: 700; color: #fff; line-height: 1.1; text-transform: uppercase; } .background { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } #myCarousel .carousel-item .background > *{ z-index: 0; } @media (max-width: 768px) { .carousel-title { font-size: 60px; } } /*------------------------------------------------------------------ [CONTROL BUTTONS VIDEO LAYER] ------------------------------------------------------------------*/ .carousel-item .video-controls{ position: absolute; right: 0; bottom: 20px; width: 150px; height: 95px; margin: 0 auto; z-index: 15; } div#myCarousel.carousel.slide div.carousel-inner video{ cursor:pointer; } #myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{ width: 10% !important; height: 70px; top: 50%; margin-top: -35px; transform: translateY(-50%); display: none; } .carousel-item .video-controls .container-controls{ position: relative; margin: 0 auto; width: 110px; height: 95px; } .carousel-item .video-controls .pause{ position: relative; background: transparent url(../img/icons/btn_pausa.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 60px; height: 60px; cursor: pointer; margin: 0 auto; } .carousel-item .video-controls .play{ position: relative; background: transparent url(../img/icons/btn_play.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 60px; height: 60px; cursor: pointer; margin: 0 auto; } .carousel-item .no-audio .mute-control{ position: relative; width: 35px; height: 35px; cursor: pointer; border-radius: 3px; background-image: url(../img/icons/icon_sound01.svg); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; } .carousel-item .no-audio .mute-control-null{ position: relative; width: 35px; height: 35px; cursor: pointer; border-radius: 3px; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; } .carousel-item .audio .mute-control{ position: relative; width: 35px; height: 35px; cursor: pointer; border-radius: 3px; background-image: url(../img/icons/icon_sound02.svg); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; } #myCarousel .icon-prev-custom, #SLIDER_OPTIONS .icon-prev-custom, #SLIDER_EVENTOS_IMAGENES .icon-prev-custom{ display: inline-block; width: 30px; height: 70px; background-image: url(../img/icons/flecha_izq.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } #myCarousel .icon-next-custom, #SLIDER_OPTIONS .icon-next-custom, #SLIDER_EVENTOS_IMAGENES .icon-next-custom{ display: inline-block; width: 30px; height: 70px; background-image: url(../img/icons/flecha_der.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-scroll-down{ display: inline-block; width: 30px; height: 70px; background-image: url(../img/icons/icon_scroll.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } @media (max-width: 420px) { .carousel-item .video-controls .container-controls{ bottom: 25px; } } /*------------------------------------------------------------------ [CONTENT PAGE] ------------------------------------------------------------------*/ section.content-page{ position: relative; width: 100%; margin-top: 35px; background-color: #ffffff; z-index: 10; } section.content-page .container-icons-top{ position: relative; width: 1620px; height: 290px; margin: 0 auto; padding-top: 35px; } section.content-page .container-icons-top .icon-link{ cursor: pointer; } section.content-page .container-icons-top .icon-box{ position: relative; width: 405px; height: 290px; float: left; } .container-icons-top .icon-box .titulo-icono{ position: relative; font-size: 24px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 35px; color: #4d4d4d; margin-bottom: 0px; } .container-icons-top .icon-box .info-titulo{ position: relative; font-size: 16px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 15px; color: #4d4d4d; margin-bottom: 0px; } .container-icons-top .icon-box .icon-box-image{ position: relative; width: 130px; height: 130px; margin: 0 auto; top: 20px; } .container-icons-top .icon-box .admision{ background-image: url("../img/icons/icon_admisiones.svg"); background-repeat: no-repeat; background-size: 130px 130px; } .container-icons-top .icon-box .intercambios{ background-image: url("../img/icons/icon_intercambios.svg"); background-repeat: no-repeat; background-size: 130px 130px; } .container-icons-top .icon-box .conocenos{ background-image: url("../img/icons/icon_conocenos.svg"); background-repeat: no-repeat; background-size: 130px 130px; } .container-icons-top .icon-box .becas{ background-image: url("../img/icons/icon_becas.svg"); background-repeat: no-repeat; background-size: 130px 130px; } /*------------------------------------------------------------------ [VIVENCIA VOCACIONAL] ------------------------------------------------------------------*/ section.content-page .vivencia-upaep{ position: relative; width: 1180px; margin: 0 auto; margin-top: 20px; } section.content-page .vivencia-upaep .content-image{ position: relative; margin: 0 auto; width: 100%; } section.content-page .vivencia-upaep .info-vivencia{ position: relative; font-size: 18px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 16px; color: #4d4d4d; margin-bottom: 0px; } /*------------------------------------------------------------------ [OFERTA EDUCATIVA] ------------------------------------------------------------------*/ section.content-page .oferta-educativa{ position: relative; width: 100%; margin: 0 auto; margin-top: 40px; } section.content-page .oferta-educativa .title-oferta{ position: relative; font-size: 40px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 25px; color: #4d4d4d; margin-bottom: 20px; } .icon-filtro-custom{ display: inline-block; width: 32px; height: 32px; margin-bottom: -10px; margin-left: 5px; background-image: url(../img/icons/icon_filtro_gris.svg); -webkit-background-size: 100% 100%; background-size: 100% 100%; } section.content-page .oferta-educativa .filtro-oferta .subtitle-oferta{ position: relative; font-size: 15px; font-weight: 400; font-family: 'Montserrat'; text-align: center; margin-top: 10px; color: #4d4d4d; margin-bottom: 20px; } section.content-page .oferta-educativa .filtro-oferta { cursor: pointer; } section.content-page .oferta-educativa .cuadricula-full-screen{ position: relative; width: 100%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up{ position: relative; width: 100%; height: 560px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down{ position: relative; width: 100%; height: 328px; margin-top: 1%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .rectangle{ position: relative; width: 100%; /*width: 24.25%;*/ height: 328px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #4d4d4d; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left, section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left-tehuacan, section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left-continua{ margin-left: 1%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .separator{ margin-left: 1%; margin-right: 1%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .rectangle{ position: relative; width: 32.66%; height: 560px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .rectangle .bottom-section{ position: relative; /*width: 486px;*/ width: 100%; height: 150px; margin: 0 auto; top: 380px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .rectangle .bottom-section{ position: relative; width: 398px; height: 120px; margin: 0 auto; top: 188px; } .cuadricula-full-screen .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta{ position: relative; margin-top: 10px; width: 100%; height: 70px; } .cuadricula-full-screen .rectangle-up .rectangle .bottom-section .oferta-doble { width: 70%; margin: 0 auto; margin-top: 10px; } .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta{ position: relative; margin-top: 10px; width: 100%; height: 70px; cursor: pointer; } .rectangle-up .prepas .bottom-section .bottom-icons-box-oferta .partition, .rectangle-up .rectangle .bottom-section .oferta-doble .partition { width: 50% !important; } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .partition{ position: relative; width: 33.33%; height: 70px; float: left; } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .partition{ position: relative; width: 33.33%; height: 70px; float: left; } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .partition .title-icon-box, .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .partition .title-icon-box{ position: relative; font-size: 13px; font-weight: 200; font-family: 'Roboto Condensed', sans-serif; text-align: center; color: #ffffff; margin-top: 5px; margin-bottom: 0px; } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .partition .icon-box, .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .partition .icon-box{ position: relative; margin: 0 auto; width: 50%; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .partition .planteles-icon, .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .partition .planteles-icon{ background-image: url("../img/icons/icon_planteles.svg"); } /*Internacionales*/ .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .internacionales-icon{ background-image: url("../img/icons/icon_internacional.svg"); } /*Abierta*/ .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .abierta-icon{ background-image: url("../img/icons/icon_abierta.svg"); } /*Presencial*/ .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .presencial-icon{ background-image: url("../img/icons/icon_presencial.svg"); } /*Online*/ .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .online-icon{ background-image: url("../img/icons/icon_online.svg"); } /*Videoconferencia*/ .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .videoconferencia-icon{ background-image: url("../img/icons/icon_educontinua01.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .licenciaturas-icon, .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .licenciaturas-icon{ background-image: url("../img/icons/icon_licenciaturas.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .intercambios-icon{ background-image: url("../img/icons/icon_intercambios2.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .acreditaciones-icon{ background-image: url("../img/icons/icon_acreditaciones.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .posgrados-icon{ background-image: url("../img/icons/icon_69posgrados.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .doble-icon{ background-image: url("../img/icons/icon_doblegrado.svg"); } .rectangle-up .rectangle .bottom-section .bottom-icons-box-oferta .conacyt-icon{ background-image: url("../img/icons/icon_conacyt.svg"); } /* Doctorados Imagen */ .cuadricula-full-screen .rectangle-up .doctorados{ background-image: url("../img/imagenes/home_oferta_online.jpg"); } /* Especialidades Imagen */ .cuadricula-full-screen .rectangle-up .especialidades{ background-image: url("../img/imagenes/home_oferta_abierta.jpg"); } /* Educacion Continua Imagen */ .cuadricula-full-screen .rectangle-up .educacion-continua{ background-image: url("../img/imagenes/home_oferta_econtinua.jpg"); } .cuadricula-full-screen .rectangle-up .prepas{ background-image: url("../img/imagenes/home_oferta_prepas.jpg"); } .cuadricula-full-screen .rectangle-up .licenciaturas{ background-image: url("../img/imagenes/home_oferta_lics.jpg"); } .cuadricula-full-screen .rectangle-up .posgrados{ background-image: url("../img/imagenes/home_oferta_posgrados.jpg"); } .cuadricula-full-screen .rectangle-down .online{ background-image: url("../img/imagenes/home_oferta_online.jpg"); } .cuadricula-full-screen .rectangle-down .abierta{ background-image: url("../img/imagenes/home_oferta_abierta.jpg"); } .cuadricula-full-screen .rectangle-down .continua{ background-image: url("../img/imagenes/home_oferta_econtinua.jpg"); } .cuadricula-full-screen .rectangle-down .tehuacan{ background-image: url("../img/imagenes/home_oferta_tehuacan.jpg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .posgrados-online-icon{ background-image: url("../img/icons/icon_12posgradosonline.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .diplomados-icon{ background-image: url("../img/icons/icon_7diplomados.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .estudiantes-icon{ background-image: url("../img/icons/icon_833estudiantes.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .egresados-icon{ background-image: url("../img/icons/icon_1193egresados.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .cotinua-uno-icon{ background-image: url("../img/icons/icon_educontinua01.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .cotinua-dos-icon{ background-image: url("../img/icons/icon_educontinua02.svg"); } .rectangle-down .rectangle .bottom-section .bottom-icons-box-oferta .cotinua-tres-icon{ background-image: url("../img/icons/icon_educontinua03.svg"); } .cuadricula-full-screen .rectangle-up .rectangle .bottom-section .title-bottom{ position: relative; font-size: 30px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 15px; color: #FFFFFF; margin-bottom: 0px; } .cuadricula-full-screen .rectangle-up .rectangle .bottom-section .subtitle-bottom-normal{ position: relative; font-size: 17px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 0px; color: #FFFFFF; margin-bottom: 0px; } .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom{ position: relative; font-size: 30px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 10px; color: #FFFFFF; margin-bottom: 0px; } .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom-bold{ position: relative; font-size: 30px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 0px; color: #FFFFFF; margin-bottom: 0px; } .cuadricula-full-screen .rectangle-up .rectangle .bottom-section .subtitle-bottom-bold{ position: relative; font-size: 17px; font-weight: 600; font-family: 'Montserrat'; text-align: center; margin-top: 0px; color: #FFFFFF; margin-bottom: 0px; } /*------------------------------------------------------------------ [SLIDER CONTENT] ------------------------------------------------------------------*/ .container-slider-options{ position: relative; width: 100%; } .container-slider-options .title-vida-universitaria{ position: relative; font-size: 40px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 60px; color: #4d4d4d; margin-bottom: 15px; } #SLIDER_OPTIONS{ position: relative; width: 100%; height: 640px; } #SLIDER_OPTIONS .carousel-indicators li .bottom-title-slider{ position: relative; font-size: 15px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 5px; color: #bebebe; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-indicators li.active .bottom-title-slider{ text-decoration: underline; color: #ffffff; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options{ position: relative; width: 100%; height: 640px; background-repeat: no-repeat; background-position: center; background-size: cover; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content{ position: relative; margin: 0 auto; height: 580px; width: 80%; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content{ position: relative; width: 360px; height: 500px; float: left; margin-top: 40px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box{ position: relative; width: 100%; height: 100px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right{ position: relative; width: 260px; height: 100px; float: left; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content{ position: relative; font-size: 13px; font-weight: 300; font-family: 'Montserrat'; margin-top: 30px; margin-left: 10px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content .text-bold{ position: relative; font-size: 13px; font-weight: 700; font-family: 'Montserrat'; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .left-icon{ position: relative; width: 80px; height: 80px; float: left; margin: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .basquetbolf{ background-image: url("../img/icons/icon_3camp_basquetball_femenil.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .basquetbolv{ background-image: url("../img/icons/icon_21camp_basquetball_varonil.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .soccer{ background-image: url("../img/icons/icon_3camp_soccer_varonil.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .rapido{ background-image: url("../img/icons/icon_4camp_futrapido.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .tae{ background-image: url("../img/icons/icon_17camp_taekwondo.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile{ position: relative; margin: 0 auto; height: 190px; width: 80%; display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element{ position: relative; width: 33.33%; height: 50%; float: left; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .title{ position: relative; font-size: 23px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .sub-title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .sub-title{ position: relative; font-size: 18px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .sub-title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .sub-title-light{ position: relative; font-size: 18px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .title-light{ position: relative; font-size: 23px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .text-content{ position: relative; font-size: 13px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content .text-bold{ position: relative; font-size: 13px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #FFFFFF; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon-soy{ position: relative; width: 270px; margin: 0 auto; height: 140px; margin-top: 60px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../img/icons/soyUPAEP.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .arbol{ background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../img/icons/investigacion_arbol.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile .icon-soy{ position: relative; width: 260px; margin: 0 auto; height: 140px; /*margin-top: 25px;*/ background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../img/icons/soyUPAEP.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon{ position: relative; width: 90px; height: 90px; margin: 0 auto; margin-top: 60px; background-repeat: no-repeat; background-position: center; background-size: cover; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .icon{ position: relative; width: 90px; height: 90px; margin: 0 auto; margin-top: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content{ position: relative; width: 100%; height: 220px; margin-top: 90px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box{ position: relative; width: 33.33%; height: 220px; float: left; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .tardes_comunidad{ background-image: url("../img/icons/icon_tardesdecomunidad.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .acompañamiento_espiritual{ background-image: url("../img/icons/icon_acompanamientoespiritual.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .jueves_pastoral{ background-image: url("../img/icons/icon_juevesdepastoral.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .extracurriculares{ background-image: url("../img/icons/icon_extracurricular.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .graduados{ background-image: url("../img/icons/icon_graduados.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .calidad{ background-image: url("../img/icons/icon_programasdecalidad.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .infraestructura{ background-image: url("../img/icons/icon_infraestructura.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .claustro{ background-image: url("../img/icons/icon_claustro.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep{ background-image: url('../img/imagenes/franja_fondo_QS.webp'); } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs{ width: 50%; float: left; padding: 45px 0; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs .qs_titulo{ width:419px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs p{ font-family: 'Fira Sans' !important; font-size: 18px !important; color: #FFFFFF !important; padding-left: 25px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .deportes{ background-image: url("../img/imagenes/fondofranja_deportes.jpg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .residencias{ background-image: url("../img/imagenes/fotofondo_residencias.jpg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .bellas{ background-image: url("../img/imagenes/foto_bellasartes_1357x640.jpg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .intercambio{ background-image: url("../img/imagenes/fotofondo_internacionalizacion.png"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .identidad{ background-image: url("../img/imagenes/fotofondo_identidad.png"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .investigacion{ background-image: url("../img/imagenes/fotofondo_investigacion2.png"); } #SLIDER_OPTIONS .carousel-indicators .active, #SLIDER_OPTIONS .carousel-indicators li{ background-color: transparent; } #SLIDER_OPTIONS .carousel-indicators li{ height: 30px; width: 250px; max-width: 250px !important; text-indent: 0px; cursor: pointer; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile .title{ position: relative; font-size: 35px; font-weight: 700; font-family: 'Spinnaker'; text-align: center; padding-top: 70px; color: #FFFFFF; padding-bottom: 70px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile .shadow{ text-shadow: 3px 3px 8px black; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .title-custom{ position: relative; font-size: 35px; font-weight: 700; font-family: 'Spinnaker'; text-align: center; padding-top: 40px; color: #FFFFFF; padding-bottom: 40px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left{ position: relative; width: 420px; height: 370px; float: left; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right{ position: relative; width: 420px; height: 370px; float: right; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left{ position: relative; width: 330px; height: 200px; float: left; top: 60%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right{ position: relative; width: 350px; height: 220px; float: right; top: 60%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis{ position: relative; width: 420px; height: 200px; top: 35%; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%); margin: 0 auto; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .icon{ position: relative; width: 90px; height: 90px; margin: 0 auto; margin-top: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .residencias{ background-image: url("../img/icons/icon_residencias.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .title{ position: relative; font-size: 21px; font-weight: 700; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #000; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .text-content{ position: relative; font-size: 13px; font-weight: 300; font-family: 'Montserrat'; text-align: center; margin-top: 5px; color: #000; margin-bottom: 5px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .icon, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .icon{ position: relative; width: 200px; height: 240px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .uno{ background-image: url("../img/icons/icon_01_intercambios.png"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .dos{ background-image: url("../img/icons/icon_02_intercambios.png"); } /*BELLAS ARTES*/ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas{ position: relative; width: 280px; height: 35%; float: left; top: 25%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .icon, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .icon{ position: relative; width: 90px; height: 90px; margin: 0 auto; margin-top: 0px; background-repeat: no-repeat; background-position: center; background-size: contain; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .bellas_cursos{ background-image: url("../img/icons/icon_51cursos.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .bellas_culturarium{ background-image: url("../img/icons/icon_culturarium.svg"); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas{ position: relative; width: 280px; height: 80%; float: right; top: 0%; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box{ position: relative; width: 100%; height: 50%; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .container-section{ position: relative; margin: 0 auto; height: 440px; width: 100%; } /*------------------------------------------------------------------ [UPRESS CALENDARIO] ------------------------------------------------------------------*/ .content-page .calendario{ position: relative; margin-top: 0px; width: 100%; } .content-page .calendario .icon{ position: relative; width: 320px; height: 110px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .content-page .calendario .comunica{ background-image: url("../img/icons/Logo_comunica.svg"); } .content-page .calendario .container-module{ position: relative; background-color: #EBEEF0; width: 100%; height: 442px; } .content-page .calendario .container-module .container-comunica{ position: relative; width: 1620px; margin: 0 auto; height: 442px; } .content-page .calendario .container-module .container-comunica .left{ position: relative; width: 930px; height: 442px; float: left; } .content-page .calendario .container-module .container-comunica .right{ position: relative; width: 690px; height: 442px; float: left; } /*------------------------------------------------------------------ [ESTILOS DE CALENDARIO] ------------------------------------------------------------------*/ .none{ display:none;} .dropdown{ color: #444444; font-size: 22px; background-color: #eee; border: none; font-family: "Roboto",sans-serif; font-weight:300; cursor:pointer; } #calender_section{ overflow: hidden; display: none; } #calender_section h2{ margin:0; padding:0; text-align:center; margin:20px 0 20px 0; } #calender_section h2 a{ color:#F58220; float:none; } #calender_section_top{ width:100%; float:left; } #calender_section_top ul{ display: block; list-style-type: none; margin: 0 auto; padding: 0; position: relative; width: 400px; } #calender_section_top ul li{ font-family: 'Roboto', sans-serif; display:block; float:left; width: 13%; text-align:center; font-size:25px; min-height:0; background:none; box-shadow:none; margin:0; padding:0; font-weight:700; color:#4d4d4d; } #calender_section_bot{ width:100%; margin-top:20px; float:left; } #calender_section_bot ul{ display: block; list-style-type: none; margin: 0 auto; padding: 0; position: relative; width: 400px; } #calender_section_bot ul li{ float:left; width:13%; height:50px; text-align:center; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative; } #calender_section_bot ul li span{ display: block; padding: 7px; text-align: center; font-family: 'Roboto', sans-serif; font-size:25px; font-weight:400; color:#4d4d4d; width: 48px; height: 48px; } #calender_section div#calender_section_bot ul li.date_cell span.disabled{ color:#b3b3b3; } #calender_section_bot ul li.grey span{ background-color:#BF360C; color:#fff; border-radius:50%; display:block; text-decoration:underline; } #calender_section_bot ul li.grey span:hover{ opacity:0.8; } .light_sky{ text-decoration:underline; } .date_cell { cursor: pointer; cursor: hand; } section#content-aspirantes.content-page div.eventos-section div.row h1{ font-size:20px; color:#fff; margin-left:50px; text-align:center; } /*------------------------------------------------------------------ [EVENTOS SECTION] ------------------------------------------------------------------*/ .content-page .calendario .container-module .container-comunica .right{ background-color:#990000; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section{ position: relative; overflow: hidden; height: 442px; width: 195px; float: left; } .content-page .calendario .container-module .container-comunica .right .textDate{ position: absolute; font-family: 'Roboto Condensed', sans-serif; top: 320px; width: 195px; text-align: center; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section p{ margin: 0; padding: 0; display: block; text-align: center; width: 100%; color: #fff; font-weight: 700; line-height: 54px; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section p.dia { font-size: 70px; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section p.diaText { font-size: 28px; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section p.mes { display: none; } .content-page .calendario .container-module .container-comunica .right .eventos-section{ position: relative; width: 495px; height: 442px; float: left; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon{ position: relative; width: 100%; height: 60px; margin-top: 15px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .icon-eventos{ position: absolute; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: 5px; margin-left: 27.5px; cursor: pointer; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .calendar{ background-image: url("../img/icons/icon_calendario.svg"); } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .slider{ background-image: url("../img/icons/icon_slider.svg"); } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title{ font-family: 'Roboto', sans-serif; color: #fff; font-weight: 700; font-size: 25px; display: block; line-height: 20px; margin: 0; padding: 0; padding-top: 18px; margin-left: 130px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title-date{ font-family: 'Roboto', sans-serif; color: #fff; font-weight: 700; font-size: 23px; display: block; line-height: 24px; margin: 0; padding: 0; padding-top: 18px; margin-left: 110px; display: none; } .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ position: relative; width: 495px; height: 100px; margin-top: 20px; float: left; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .horas{ position: relative; width: 65px; margin-left: 20px; margin-right: 20px; height: 100px; float: left; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion{ position: relative; width: 350px; padding: 5px; height: 100px; margin-left: 20px; float: left; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion .title{ font-family: 'Roboto', sans-serif; color: #fff; font-weight: 700; font-size: 16px; display: block; line-height: 16px; margin: 0; padding: 0; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion p.place{ font-family: 'Roboto', sans-serif; color: #fff; display: block; line-height: 16px; margin: 0; padding: 0; font-weight: 300; font-size: 12px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .circle{ background: #ff931e none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-family: "Roboto Condensed",sans-serif; font-size: 21px; font-weight: 700; height: 65px; padding-top: 18px; text-align: center; vertical-align: middle; width: 65px; } #SLIDER_EVENTOS .carousel-inner, #SLIDER_EVENTOS .carousel-inner .carousel-item{ position: relative; width: 100%; height: 367px; } #SLIDER_EVENTOS .carousel-indicators{ bottom: 0px; } #view-modal_ca .modal-dialog{ position: relative; max-width: 1180px; width: 90%; } /*------------------------------------------------------------------ [SLIDER EVENTOS IMAGENES] ------------------------------------------------------------------*/ #SLIDER_EVENTOS_IMAGENES{ position: relative; width: 100%; } #SLIDER_EVENTOS_IMAGENES .carousel-inner .img-responsive{ position: relative; width: 100%; height: 442px; } #SLIDER_EVENTOS_IMAGENES .carousel-inner .img-responsive-slider{ position: relative; width: 100%; } /*----------------------------------------------------------------- [UPRESS PRINCIPAL] -----------------------------------------------------------------*/ section.noticias{ width: 100%; overflow: hidden; display: block; padding-bottom: 35px; padding-top: 35px; } div.cont_noti{ width: 1620px; margin: 0 auto; } div.cont_noti a h1.title_p{ font-family: 'Spinnaker', sans-serif; font-size: 40px; text-align: center; text-transform: uppercase; color: #4d4d4d; font-weight: 500 !important; } div.cont_noti a h1.title_p img{ position: relative; bottom: 4px; } div.cont_noti div.cont_noticias{ width: 100%; margin: 0 auto; text-align: center; } div.cont_noti div.cont_noticias div.noticia{ width: 31%; display: inline-table; text-align: center; margin: 0 auto; margin: 0 1%; } div.noticia:nth-child(2){ margin-left: 0px !important; } div.noticia:nth-child(6){ margin-right: 0px !important } div.cont_noti div.cont_noticias div.noticia a div.title{ font-family: 'Roboto Condensed', sans-serif; font-size: 21px; font-weight: bold; color: #4d4d4d; text-align: left; cursor: pointer; min-height: 122px; border-bottom: solid 1px #ccc; padding: 15px 0px; width: auto; } .extra { border-bottom: 2px solid #eee; border-top: 2px solid #eee; padding: 10px 0; } .fecha{ border-right: 2px solid #ccc; color: #999; display: inline-block; font-family: "Roboto Condensed",sans-serif; font-size: 12px; position: relative; width: 180px; cursor: default; } .leermas{ display: inline-block; padding: 0 30px; font-family: "Roboto Condensed",sans-serif; font-size: 12px; } .leermas a{ color: #4d4d4d; } div.cont_noti div.cont_noticias div.noticia a img{ width: 99%; padding-top: 17px; } @media(max-width: 1620px){ div.cont_noti{ width: 100%; } } @media (max-width: 1323px){ div.cont_noti div.cont_noticias div.noticia { padding: 0% 0%; } } @media (max-width: 1240px){ div.cont_noti div.cont_noticias div.noticia a div.title { font-size: 17px; text-align: left; } } @media(max-width: 1190px){ div.cont_noti div.cont_noticias div.noticia a div.title{ text-align: center; } } @media (max-width: 725px){ div.cont_noti div.cont_noticias div.noticia { width: 90%; } div.cont_noti div.cont_noticias div.noticia a div.title { min-height: 0; height: auto; } .leermas { padding: 0px 25px; } .leermas a{ color: #4d4d4d; } div.cont_noti div.cont_noticias div.noticia a img{ width: 99%; padding-top: 17px; } } @media(max-width: 1620px){ div.cont_noti{ width: 100%; } } @media (max-width: 1323px){ div.cont_noti div.cont_noticias div.noticia { padding: 0% 0%; } } @media (max-width: 1240px){ div.cont_noti div.cont_noticias div.noticia a div.title { font-size: 17px; text-align: left; } } @media(max-width: 1190px){ div.cont_noti div.cont_noticias div.noticia a div.title{ text-align: center; } } @media(max-width: 838px){ section.noticias div.cont_noti div.cont_noticias div.cont_noticias div.noticia a div.title{ min-height: 107px; } } @media (max-width: 725px){ div.cont_noti div.cont_noticias div.noticia { width: 90%; } section.noticias div.cont_noti div.cont_noticias div.cont_noticias div.noticia a div.title{ min-height: 0px; height: auto; } .leermas { padding: 0px 25px; } div.cont_noti div.cont_noticias div.noticia a img { width: 320px; } div.cont_noti div.cont_noticias div.noticia a div.title { text-align: center; } } @media (max-width: 500px){ div.cont_noti a h1.title_p { font-size: 25px; } } @media (max-width: 384px){ div.cont_noti div.cont_noticias div.noticia { width: 90; margin: 0% 0% 30px 0%; } } @media (max-width: 334px){ div.cont_noti div.cont_noticias div.noticia a img { width: 95%; } } /*----------------------------------------------------------------- [FIN UPRESS PRINCIPAL] -----------------------------------------------------------------*/ /*------------------------------------------------------------------ [ICONOS CONTENT] ------------------------------------------------------------------*/ .section-icons{ position: relative; width: 1620px; margin: 0 auto; } .section-icons .title-icons{ position: relative; font-size: 40px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 70px; color: #4d4d4d; margin-bottom: 30px; } .content-page .box-icons{ position: relative; width: 100%; height: auto; margin: 0 auto; margin-top: 50px; text-align: center; } .content-page .box-icons .box{ position: relative; width: 140px; height: 123px; margin-bottom: 30px; margin-left: 29px; margin-right: 29px; display: inline-table; vertical-align: top; } .content-page .box-icons .box .icon{ position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; width: 65px; height: 65px; margin: 0 auto; } .content-page .box-icons .box .title-icon{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; color: #4d4d4d; margin: 0; text-align: center; } .content-page .box-icons .box .icon img{ position: relative; width: 100%; } /*------------------------------------------------------------------ [PIE CONTENT] ------------------------------------------------------------------*/ /*****************************************************************************/ /* Footer de posgrados */ .ocultar{ display: none; margin: 0 auto; margin-bottom: 22px; } .footer{ background-image: url("../img/fondo_pie.jpg"); min-height: 395px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; color: #FFFFFF; background-position: center; } .super_poderes { border-top: 1px solid #b61b1b; min-height: 67px !important; } .footer .container { padding: 3% 0; width: 100%; display: table; } .escudo, .informes{ width: 25%; float: left; } .links{ width: 50%; float: left; } .link, .link1{ width: 50%; float: left; } .escudo { text-align: center; padding: 0px !important; } .posg_direccion { margin-top: 15px; } .links, .links div, .informes { padding: 0px !important; } footer ul { list-style: none; } .footer ul .primero { margin-top: 0px; } .footer ul li a { color: #FFFFFF; } .footer ul li { margin: 20px 0; } .posg_redes img { margin: 15px 15px 15px 0; } .posg_telefono, .posg_whatsapp{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; margin-bottom: 10px; } .posg_telefono img, .posg_whatsapp img{ width: 25px; margin-right: 5px; text-align: center; margin-bottom: 10px; } .posg_telefono span, .posg_whatsapp span { font-size: 30px; } .posg_whatsapp a{ color: #FFFFFF; } .container2 { padding: 11px 0; width: 97%; margin: 0 auto; text-align: center; } .posg_acre{ float: left; width: 16%; text-align: center; } .padding_right{ width: 10%; } .padding_left { width: 10%; } .footer .container .links li a{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; color: #FFFFFF; } .footer .container .informes .posg_whatsapp span strong, .footer .container .informes .posg_telefono span strong{ font-family: 'Roboto Condensed', sans-serif; font-size: 30px; font-weight: 600; color: #fff; line-height: 1.42857143; } .footer .container .informes .posg_telefono .mail{ font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px; color: #fff; } .posg_clima span { color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; padding-left: 8px; } @media (max-width: 1140px){ .footer .container .informes .posg_whatsapp span strong, .footer .container .informes .posg_telefono span strong{ font-size: 25px; } } @media (max-width: 992px){ .container, .container2 { width: 100%; } .escudo img{ width: 100px; } .escudo, .links { width: 30%; } .informes { width: 40%; } .link, .link1{ width: 100%; float: none; } } @media (max-width: 882px){ .posg_tel { position: relative; right: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; width: 63%; float: left; } .posg_tel_img { width: 118px; text-align: center; float: right; } .escudo{ width: 53%; } .links{ top: 282px; position: absolute; height: 189px; width: 80%; margin: 0 10%; } .footer .container{ height: 480px; position: relative; } .link, .link1 { width: 50%; float: left; } .escudo img { width: 80px; } .posg_direccion { font-size: 20px; } .footer ul { list-style-image: url("/templates/posgrados/images/plantilla/vineta_pie.png"); } footer div.footer div.container div.informes div.posg_clima{ display: none; } footer div.footer div.container div.informes div.posg_redes a img.ocultar{ display: inline; } .footer .container .informes .posg_whatsapp span strong, .footer .container .informes .posg_telefono span strong{ font-size: 28px; } } @media (max-width: 670px){ .padding_right, .padding_left{ width: 20%; } .posg_acre { margin: 0px 1%; padding: 20px 0; display: inline-block; width: 20%; text-align: center; float: none; } .link, .link1 { width: 100%; } .links{ position: relative; top: 0px; height: auto; overflow: hidden; margin: 35px 0px !important; } .footer .container { height: auto; width: 100% !important; margin: 0 auto; } .escudo, .informes, .links{ height: auto; width: 100%; margin: 0 auto; text-align: center; } .footer ul { list-style-image: none; padding: 0px; } .footer .container2 { padding: 0px; } } @media (max-width: 464px){ .informes { width: 100%; padding-left: 0px !important; margin: 0 auto; text-align: center; } .links { width: 100%; } .escudo{ width: 100%; margin: 0 auto } } @media (max-width: 420px){ .padding_right, .padding_left{ width: 24%; } .posg_acre { width: 24%; } } @media (max-width: 370px){ .footer{ font-size: 13px; } .footer .container{ width:100%; } .escudo img { width: 62px; margin-top: 30px; } } /* Fin del Footer de posgrados */ /*****************************************************************************/ /*------------------------------------------------------------------ [RESPONSIVE CONTENT] ------------------------------------------------------------------*/ @media (max-width: 1640px){ /*RESPONSIVE EVENTOS UPRESS*/ .content-page .calendario .container-module{ position: relative; background-color: #EBEEF0; width: 100%; height: 442px; } .content-page .calendario .container-module .container-comunica{ width: 1420px; } .content-page .calendario .container-module .container-comunica .left{ width: 730px; } } @media (max-width: 1620px){ section.content-page .container-icons-top{ width: 1420px; } section.content-page .container-icons-top .icon-box{ width: 355px; } section.content-page .vivencia-upaep{ width: 100%; } .cuadricula-full-screen .rectangle-down .online{ width: 32.66% !important; } .cuadricula-full-screen .rectangle-down .abierta{ width: 32.66% !important; } .cuadricula-full-screen .rectangle-down .continua{ width: 32.66% !important; } .cuadricula-full-screen .rectangle-down .tehuacan{ width: 100% !important; background-image: url("../img/imagenes/home_oferta_tehuacan.jpg"); } .cuadricula-full-screen .rectangle-down .separator-left-tehuacan{ margin-left: 0% !important; margin-top: 1%; } .cuadricula-full-screen .rectangle-down .separator-left-continua{ margin-left: 1% !important; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down{ /*height: 670px;*/ } .section-icons{ width: 100%; } } @media (max-width: 1490px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left{ width: 280px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right{ width: 280px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .title{ font-size: 18px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .text-content{ font-size: 12px; } } @media (max-width: 1460px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light{ font-size: 20px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .text-content{ font-size: 12px; } .content-page .calendario .container-module .container-comunica{ width: 1220px; } .content-page .calendario .container-module .container-comunica .left{ width: 630px; } .content-page .calendario .container-module .container-comunica .right{ width: 590px; } .content-page .calendario .container-module .container-comunica .right .eventos-section, .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ width: 395px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion { width: 280px; margin-left: 0px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title{ margin-left: 110px; } } @media (max-width: 1420px){ section.content-page .container-icons-top{ width: 1260px; } section.content-page .container-icons-top .icon-box{ width: 315px; } } @media (max-width: 1360px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left{ width: 280px; top: 80%; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right{ width: 280px; top: 80%; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); } } @media (max-width: 1340px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title-light{ font-size: 20px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content .text-bold{ font-size: 12px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon-soy{ width: 250px; } #SLIDER_OPTIONS .carousel-indicators li .bottom-title-slider{ font-size: 14px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light{ font-size: 18px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .text-content{ font-size: 11px; } } @media (max-width: 1260px){ section.content-page .container-icons-top{ width: 920px; height: 280px; margin: 0 auto; } section.content-page .container-icons-top .icon-box{ width: 230px; height: 280px; } .container-icons-top .icon-box .titulo-icono{ font-size: 22px; } .container-icons-top .icon-box .info-titulo{ font-size: 13px; } section.content-page .vivencia-upaep .info-vivencia{ font-size: 16px; } .cuadricula-full-screen .rectangle-down .online{ width: 49.5% !important; } .cuadricula-full-screen .rectangle-down .abierta{ width: 49.5% !important; } .cuadricula-full-screen .rectangle-down .continua{ width: 49.5% !important; } .cuadricula-full-screen .rectangle-down .tehuacan{ width: 100% !important; background-image: url("../img/imagenes/home_oferta_tehuacan.jpg"); } .cuadricula-full-screen .rectangle-down .separator-left-continua{ margin-left: 0% !important; } .cuadricula-full-screen .rectangle-down .separator-left-tehuacan{ margin-left: 1% !important; margin-top: 1%; } .cuadricula-full-screen .rectangle-down .separator-left-continua{ margin-top: 1%; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .title{ font-size: 16px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .text-content{ display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right{ height: 60px; } } @media (max-width: 1240px){ .content-page .calendario .container-module .container-comunica{ width: 1120px; } .content-page .calendario .container-module .container-comunica .left{ width: 530px; } } @media (max-width: 1190px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light{ font-size: 16px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .text-content{ font-size: 10px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .icon{ width: 80px; height: 80px; margin-top: 35px; } } @media (max-width: 1140px){ section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .rectangle .bottom-section{ width: 300px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title-light{ font-size: 18px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content .text-bold{ font-size: 10px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon-soy{ width: 220px; } #SLIDER_OPTIONS .carousel-indicators li .bottom-title-slider{ font-size: 13px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon{ width: 75px; height: 75px; margin-top: 70px; } /**/ /**/ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content{ width: 330px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right{ width: 230px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content{ font-size: 12px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content .text-bold{ font-size: 12px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .left-icon{ width: 70px; height: 70px; margin: 15px; } .content-page .calendario .container-module .container-comunica, .content-page .calendario .container-module{ width: 1050px; margin: 0 auto; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section{ display: none; } .content-page .calendario .container-module .container-comunica .right{ width: 520px; } .section-icons .title-icons{ font-size: 35px; } } @media (max-width: 1080px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light{ font-size: 14px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .text-content{ display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .icon{ width: 70px; height: 70px; margin-top: 40px; } /*INTERCAMBIOS*/ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left{ height: 350px; width: 320px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .icon, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .icon{ width: 180px; height: 220px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .title{ font-size: 18px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .title-light{ font-size: 18px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .sub-title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .sub-title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .sub-title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .sub-title-light{ font-size: 11px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right .text-content{ font-size: 10px; } /*comunica*/ .content-page .calendario .container-module .container-comunica, .content-page .calendario .container-module{ width: 980px; margin: 0 auto; } .content-page .calendario .container-module .container-comunica .right{ width: 480px; } .content-page .calendario .container-module .container-comunica .left{ width: 500px; } } @media (max-width: 1000px){ /*comunica*/ .content-page .calendario .container-module .container-comunica .right{ width: 450px; } .content-page .calendario .container-module .container-comunica .left{ width: 480px; } .content-page .calendario .container-module .container-comunica, .content-page .calendario .container-module{ width: 930px; margin: 0 auto; } } @media (max-width: 940px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .title-light{ font-size: 15px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .text-content .text-bold{ display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon-soy{ width: 180px; } #SLIDER_OPTIONS .carousel-indicators li .bottom-title-slider{ font-size: 9px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element .icon{ margin-top: 80px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content{ height: 480px; margin-top: 50px; } /**/ #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content{ width: 300px; height: 480px; margin-top: 0px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .container-section{ height: 380px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box{ height: 96px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right{ width: 205px; height: 96px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content{ font-size: 11px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .right .text-content .text-bold{ font-size: 11px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .left-content .box .left-icon{ width: 65px; height: 65px; margin: 15px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content{ margin-top: 60px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .middle-content .box .title-light{ font-size: 12px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left{ width: 290px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-left .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .section-right .title{ font-size: 15px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .title, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .title-light, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .title-light{ font-size: 19px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .text-content, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .text-content{ font-size: 11px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .text-content{ font-size: 12px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis{ width: 360px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .box-resis .icon{ width: 90px; height: 90px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-left-bellas .icon, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content .element-right-bellas .box .icon{ width: 75px; height: 75px; } /*Comunica*/ .content-page .calendario .container-module .container-comunica .left, .content-page .calendario .container-module .container-comunica .right{ float: none; margin: 0 auto; width: 100%; } .content-page .calendario .container-module .container-comunica, .content-page .calendario .container-module{ width: 100%; height: auto; } .content-page .calendario .container-module .container-comunica .left{ height: auto; } .content-page .calendario .container-module .container-comunica .right .imagen-left-section{ display: block; } .content-page .calendario .container-module .container-comunica .right .eventos-section, .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ width: 600px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion{ width: 440px; } #SLIDER_EVENTOS_IMAGENES .carousel-inner .img-responsive { width: 100%; margin: 0 auto; } } @media (max-width: 930px){ section.content-page .container-icons-top{ width: 720px; height: 280px; margin: 0 auto; } section.content-page .container-icons-top .icon-box{ width: 180px; height: 280px; } .container-icons-top .icon-box .titulo-icono{ font-size: 20px; } .container-icons-top .icon-box .info-titulo{ font-size: 10px; } section.content-page .vivencia-upaep .info-vivencia{ font-size: 14px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .separator{ margin-left: 0%; margin-right: 0%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .rectangle{ width: 100%; float: none; margin: 0 auto; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up{ height: 1710px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left{ margin-left: 0% !important; margin-top: 0% !important; top: 5px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left-tehuacan{ margin-left: 0% !important; margin-top: 0% !important; top: 15px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .separator-left-continua{ margin-left: 0% !important; margin-top: 0% !important; top: 10px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .rectangle{ width: 100% !important; float: none; margin: 0 auto !important; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down { /*height: 1359px !important;*/ margin-top: 15px; } } @media (max-width: 820px){ .content-page .calendario .container-module .container-comunica .right .eventos-section, .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ width: 450px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion{ width: 320px; } } @media (max-width: 790px){ #SLIDER_EVENTOS_IMAGENES .carousel-inner .img-responsive { width: 100%; height: auto; } } @media (max-width: 680px){ .content-page .calendario .container-module .container-comunica .right .imagen-left-section{ display: none; } .content-page .calendario .container-module .container-comunica .right .eventos-section, .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ width: 100%; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion { width: 380px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title{ display: none; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title-date{ display: block; } .content-page .calendario .icon { width: 280px; height: 90px; } } @media (max-width: 1650px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs{ padding: 40px 0; } } @media (max-width: 1170px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs{ padding: 25px 0; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs .qs_titulo{ height:349px; } } @media (max-width: 960px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs .qs_titulo{ height:319px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs .qs_estrellas{ height:66px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs{ padding: 45px 0; } } @media (max-width: 935px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs{ padding: 25px 0; } } @media (max-width: 885px){ #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep .qs .qs_titulo{ height:299px; } } @media (max-width: 785px){ #SLIDER_OPTIONS, #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options{ height: 190px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-content{ display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-content-movile{ display: block !important; } #SLIDER_OPTIONS .carousel-indicators{ display: none; } #SLIDER_OPTIONS .carousel-inner .carousel-item .soy-upaep{ /*background-color: #8a0c03;*/ background-image: url('../img/imagenes/CARRUCEL_QS_movil01.webp'); } } @media (max-width: 740px){ section.content-page .container-icons-top{ width: 400px; height: 560px; margin: 0 auto; } section.content-page .container-icons-top .icon-box{ width: 200px; height: 280px; } section.content-page .oferta-educativa .title-oferta{ font-size: 35px; } .content-page .box-icons .box{ position: relative; width: 120px; height: 123px; margin-bottom: 25px; margin-left: 24px; margin-right: 24px; } .content-page .box-icons .box .icon{ width: 65px; height: 65px; margin: 0 auto; } .content-page .box-icons .box .title-icon{ font-size: 11px; } .section-icons .title-icons{ font-size: 30px; } } @media (max-width: 540px){ .section-icons .title-icons{ font-size: 25px; } } @media (max-width: 520px){ .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom, .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom-bold{ font-size: 26px; } section.content-page .container-icons-top{ width: 320px; height: 360px; margin: 0 auto; } section.content-page .container-icons-top .icon-box{ width: 160px; height: 180px; } .container-icons-top .icon-box .icon-box-image{ width: 90px; height: 90px; } .container-icons-top .icon-box .admision, .container-icons-top .icon-box .intercambios, .container-icons-top .icon-box .conocenos, .container-icons-top .icon-box .becas{ background-size: 90px 90px; } .container-icons-top .icon-box .titulo-icono{ font-size: 18px; } .container-icons-top .icon-box .info-titulo{ display: none; } section.content-page .vivencia-upaep .info-vivencia{ font-size: 11px; } section.content-page .oferta-educativa .title-oferta, .container-slider-options .title-vida-universitaria{ font-size: 30px; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-up .rectangle{ width: 100%; } section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .rectangle{ width: 100% !important; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion { width: 280px; } } @media (max-width: 450px){ section.content-page .oferta-educativa .title-oferta, .container-slider-options .title-vida-universitaria{ font-size: 25px; } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile .icon-soy{ width: 200px; /*margin-top: 25px;*/ } #SLIDER_OPTIONS .carousel-inner .carousel-item .container-slider-options .container-content-movile .title{ font-size: 30px; padding-top: 75px; padding-bottom: 75px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title-date{ font-size: 20px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ margin-top: 10px; } .content-page .box-icons .box{ width: 120px; height: 130px; margin-bottom: 15px; margin-left: 14px; margin-right: 14px; } .content-page .box-icons .box .icon{ width: 60px; height: 60px; } } @media (max-width: 430px){ section.content-page .oferta-educativa .cuadricula-full-screen .rectangle-down .rectangle .bottom-section{ width: 310px; } .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom{ font-size: 25px; } .cuadricula-full-screen .rectangle-down .rectangle .bottom-section .title-bottom-bold{ font-size: 25px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .segment-content{ width: 320px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .circle { font-size: 20px; height: 55px; padding-top: 12px; width: 55px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .horas{ width: 55px; margin-left: 15px; margin-right: 15px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion{ width: 235px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion .title{ font-size: 13px; line-height: 14px; } .calendario .container-module .container-comunica .right .eventos-section .segment-content .descripcion p.place{ font-size: 11px; line-height: 14px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .title-date{ margin-left: 90px; } .content-page .calendario .container-module .container-comunica .right .eventos-section .title-icon .icon-eventos{ margin-left: 18px; } } /*------------------------------------------------------------------ [Filtro Oferta Educativa] ------------------------------------------------------------------*/ #filtro-overlay .content-filtro{ position: relative; width: 95%; margin: 0 auto; margin-bottom: 15px; height: auto; top: 51px; } #filtro-overlay .content-filtro .filtro{ position: relative; width: 100%; height: auto; } #filtro-overlay .content-filtro .filtro .top-link-path{ position: relative; width: 100%; height: 45px; text-align: center; } #filtro-overlay .content-filtro .filtro .top-link-path .link-path{ position: relative; font-family: 'Montserrat'; font-weight: 400; color: #5fc4d8; margin: 5px; font-size: 14px; cursor: pointer; } #filtro-overlay .content-filtro .filtro .pregunta{ position: relative; font-size: 44px; font-weight: 400; font-family: 'Spinnaker'; text-align: center; margin-top: 10px; color: #4d4d4d; } #filtro-overlay .content-filtro .filtro .content{ position: relative; width: auto; height: auto; text-align: center; } #filtro-overlay .content-filtro .filtro .content_fil{ position: relative; width: auto; height: auto; text-align: center; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ position: relative; width: 420px; display: inline-table; border: 0px solid #b8b8b8; margin: 5px; padding: 15px; text-align: left; } #filtro-overlay .content-filtro .filtro .content .link-next, #filtro-overlay .content-filtro .filtro .content .link-next-page, #filtro-overlay .content-filtro .filtro .content_fil .link-next{ cursor: pointer; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .cuadro{ position: relative; padding: 0px; margin: 0px; width: auto; height: auto; border: 0px solid #4d4d4d; display: block; vertical-align: top; margin-top: 15px; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .cuadro .icon-vine{ position: relative; height: 20px; width: 20px; float: left; margin: 7px; background: transparent url(../img/icons/vineta_gris.svg); background-repeat: no-repeat; } #filtro-overlay .content-filtro .filtro .content .cuadro{ position: relative; padding: 5px; margin: 5px; width: auto; height: auto; border: 2px solid #4d4d4d; display: inline-table; vertical-align: top; margin-top: 10px; } #filtro-overlay .content-filtro .filtro .top-link-path .cuadro_path{ position: relative; padding: 5px; margin: 5px; width: auto; height: auto; border: 2px solid #b8b8b8; display: inline-table; vertical-align: top; } #filtro-overlay .content-filtro .filtro .top-link-path .cuadro_path .opcion_path{ position: relative; font-family: 'Montserrat'; font-weight: 400; color: #b8b8b8; font-size: 11px; } #filtro-overlay .content-filtro .filtro .top-link-path .cuadro_path .subr{ text-decoration: underline; font-weight: 700; } #filtro-overlay .content-filtro .filtro .content .cuadro .opcion{ position: relative; font-family: 'Montserrat'; font-weight: 700; color: #4d4d4d; font-size: 26px; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .opcion{ position: relative; font-family: 'Montserrat'; font-weight: 500; color: #4d4d4d; font-size: 14px; text-align: left; margin-bottom: 10px; } @media (max-width: 1600px){ #filtro-overlay .content-filtro .filtro .pregunta { font-size: 40px; } #filtro-overlay .content-filtro .filtro .content .cuadro .opcion { font-size: 24px; } } @media (max-width: 1540px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ width: 380px; } } @media (max-width: 1400px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ width: 340px; } } @media (max-width: 1200px){ #filtro-overlay .content-filtro .filtro .pregunta { font-size: 36px; } #filtro-overlay .content-filtro .filtro .content .cuadro .opcion { font-size: 20px; } } @media (max-width: 1130px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ width: 300px; } } @media (max-width: 1028px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ border: 0px solid #b8b8b8; margin: 0px; padding: 0px; } } @media (max-width: 970px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ width: 55%; } } @media (max-width: 900px){ #filtro-overlay .content-filtro .filtro .pregunta { font-size: 32px; } #filtro-overlay .content-filtro .filtro .content .cuadro .opcion { font-size: 16px; } } @media (max-width: 600px){ #filtro-overlay .content-filtro .filtro .pregunta { font-size: 26px; } #filtro-overlay .content-filtro .filtro .content .cuadro .opcion { font-size: 12px; } #filtro-overlay .content-filtro .filtro .top-link-path .cuadro_path .opcion_path{ font-size: 10px; } } @media (max-width: 500px){ #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .cuadro{ padding: 5px; margin: 5px; width: 95%; border: 2px solid #4d4d4d; margin-top: 10px; text-align: center; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .opcion{ font-size: 12px; font-weight: 700; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro{ width: 100%; } #filtro-overlay .content-filtro .filtro .content .cuadro{ width: 95%; } #filtro-overlay .content-filtro{ width: 100%; } #filtro-overlay .content-filtro .filtro .content_fil .colum-filtro .cuadro .icon-vine{ display: none; } } @media (max-width: 450px){ #filtro-overlay .content-filtro .filtro .pregunta { font-size: 24px; } } .posg_correo span{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 20px; } video.background.videoItem { width: 68%; background-color: #000000; } @media only screen and (max-width: 768px) and (min-width: 300px) { video.background.videoItem { width: 100%; background-color: #000000; } }