1<header id="banner" role="banner">
2
3<#--
4<link rel="apple-touch-icon" sizes="120x120" href="/documents/d/global/placeholder">
5<link rel="apple-touch-icon-precomposed" href="/documents/d/global/placeholder">
6-->
7
8 <#include init />
9 <#assign currentUrl = themeDisplay.getURLCurrent() />
10 <#assign baseURL = themeDisplay.getPortalURL() />
11 <#assign Main = themeDisplay.getPathMain() />
12 <#assign Pid = themeDisplay.getPlid() />
13
14 <#assign currentUrl = currentUrl?remove_beginning("/es") /> 15 <#assign currentUrl = currentUrl?remove_beginning("/en") /> 16 <#assign englishURL = baseURL + "/en" + currentUrl>
17 <#assign spanishURL = baseURL + "/es" + currentUrl>
18 <#assign englishIsActiveClass = ""/>
19 <#assign spanishIsActiveClass = ""/>
20 <#assign language = themeDisplay.getLanguageId() />
21 <#assign current_user = themeDisplay.getUser()/>
22 <#assign sign_in_url = htmlUtil.escape(theme_display.getURLSignIn()) />
23
24 <#assign languageIdEn = "en_US" />
25 <#assign languageIdEs = "es_ES" />
26
27 <style>
28 #navigation .navbar-nav .nav-item:hover { 29 height: 100%;
30 background: #42b4e3;
31 color: white;
32 }
33
34 #navigation .navbar-nav .nav-item a.nav-link { 35 font-family:Degular-Regular;
36 font-size:1.313em;
37 font-weight:normal;
38 font-stretch:normal;
39 font-style:normal;
40 line-height:1.63;
41 letter-spacing:.25px;
42 color:#4b555f;
43 text-transform:uppercase;
44 padding-right:15px;
45 padding-left:15px;
46 top:30%;
47 -ms-transform:translateY(-50%);
48 transform:translateY(-50%)
49 }
50 </style>
51
52 <div class="top-bar container-it" height="36px">
53 <div id="selectorCountry" class="country-selector pull-left pl-0">
54 <div id="whats-mobile" class="whats">
55 ${numcontac.getData()} 56 </div>
57 </div>
58 <div id="contact-info" class="contact-info pull-right">
59 <#-- <#if language == "es_ES"-->
60<#-- <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=en_US"> --> 61 <a class="nav-languaje" href='${currentUrl?param("p_l_id", Pid)?param("p_p_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("p_p_lifecycle", "1")?param("p_p_state", "exclusive")?param("p_p_mode", "view")?param("p_p_resource_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("languageId", languageIdEn)}'> 62 <!--<svg aria-hidden="true" class="lexicon-icon lexicon-icon-en-us" focusable="false" message="english"><use href="/o/classic-theme/images/clay/icons.svg#en-us"></use></svg>-->
63 <img src="/documents/123/0/uk-color.gif"></img>
64 </a>
65 <#--else-->
66<#-- <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=es_ES"> --> 67 <a class="nav-languaje" href='${currentUrl?param("p_l_id", Pid)?param("p_p_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("p_p_lifecycle", "1")?param("p_p_state", "exclusive")?param("p_p_mode", "view")?param("p_p_resource_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("languageId", languageIdEs)}'> 68 <!--<svg aria-hidden="true" class="lexicon-icon lexicon-icon-es-es" focusable="false" message="español"><use href="/o/classic-theme/images/clay/icons.svg#es-es"></use></svg>-->
69 <img src="/documents/123/0/mx-color.gif"></img>
70 </a>
71 <#--if-->
72
73 <div id="whats-desktop" class="desktop whats d-inlineblock">
74 <#if !is_signed_in>
75 <a data-redirect="${is_login_redirect_required?string}" href="${sign_in_url}" id="sign-in" rel="nofollow"> 76 <i class="bi bi-person-circle"></i>
77 </a>
78 <#else>
79 <!-- <div id="sign-in"><@liferay.user_personal_bar /> </div> -->
80 <div>
81 <button class="btn btn-secondary" type="button" id="btnMiIteso" onclick="MiItesoClick()"></button>
82 <div></div>
83 </div>
84 </#if>
85 </div>
86 </div>
87 </div>
88
89 <!------------------------------------------------------------------>
90 <div id="heading" class="container-it" style="padding-right: 3.5%;">
91 <div class="row no-gutters" style="width: 100%; margin: 0;">
92 <#-- <table class="">
93 <tr>
94 <th>
95 <a class="" href="${Textot9po.getData()}" title="" key="go-to-x" /> 96 <img class="imglog" alt="" width="200px" height="80px" src="${Textot9po.DocumentosYMultimedia271c.getData()}" width="auto" /> 97 </a>
98 </th>
99 <#if Texto237l.getSiblings()?has_content>
100 <#list Texto237l.getSiblings() as cur_Texto237l>
101 <th class="">
102 <a class="nav-link" aria-labelledby="layout" href="${cur_Texto237l.getData()}" role="menuitem"> 103 <span>${cur_Texto237l.namepage.getData()}</span></a> 104 </th>
105 </#list>
106 </#if>
107 <th class="">
108 <form class="searchmenu">
109 <i id="icon-search" class="icon-search far fa-search"></i>
110 </form>
111 </th>
112 </tr>
113 </table> -->
114 <div class="col-4 col-md-2">
115 <div aria-level="1" class="site-title pl-0" role="heading">
116 <a class="" href="${Textot9po.getData()}" title="" key="go-to-x" /> 117 <img class="imglog" alt="" height="80px" src="${Textot9po.DocumentosYMultimedia271c.getData()}" width="auto" /> 118 </a>
119 </div>
120 </div>
121 <div class="col-7 col-md-9" style="text-align: right;">
122 <nav class="navbar" id="navigation" role="navigation">
123 <ul class="navbar-nav" arial-label="layout" role="menubar">
124 <#if Texto237l.getSiblings()?has_content>
125 <#list Texto237l.getSiblings() as cur_Texto237l>
126 <li id="layout" class="nav-item" role="presentation">
127 <a class="nav-link" aria-labelledby="layout" href="${cur_Texto237l.getData()}" target="_blank" role="menuitem"> 128 <span>${cur_Texto237l.namepage.getData()}</span> 129 </a>
130 </li>
131 </#list>
132 </#if>
133 </ul>
134 </nav>
135 </div>
136 <div class="col-1 col-md-1">
137 <nav class="navbar" id="navigation" role="navigation">
138 <ul class="navbar-nav" arial-label="layout" role="menubar">
139 <li id="layout" class="" style="height: 100%" role="presentation">
140 <form class="searchmenu">
141 <i id="icon-search" class="icon-search far fa-search"></i>
142 </form>
143 </li>
144 </ul>
145 </nav>
146 </div>
147 </div>
148 </div>
149 <#-- </div> -->
150
151 <!----------------------Scroll menu --------------------->
152
153 <div class="pos-f-t">
154 <nav class="navbar navbar-light bg-lignt container-it" style="background:#f2f5f7;">
155 <div class="row no-gutters">
156 <div class="col-6">
157 <button aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation" class="pl-0 navbar-toggler navbar-toggler-right collapsed" data-target="#navbarToggleExternalContent" data-toggle="liferay-collapse" type="button">
158 <span class="fal fa-bars fa-2x"></span>
159 </button>
160 <a class=" navbar-brand" href="${Textot9po.getData()}" title="" key="go-to-x" > 161 <img class="imglog" alt="" height="50px" src="${Textot9po.DocumentosYMultimedia271c.getData()}" width="auto" /> 162 </a>
163 </div>
164 <div class="col-6" style="text-align: right;">
165 <div class="dropdown minteresa">
166 <div class="dropdown-toggle" type="text" id="menu1" data-toggle="dropdown">
167 <i class="bi bi-arrow-down-circle"></i><!--<i class="bi bi-arrow-up-circle"></i>-->
168 <h5>${recuadro.getData()}</h5> 169 </div>
170 <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
171 <!------------------------------------------------->
172 <div id="interesa" class="bg-light shadow-3">
173 <#if Texto237l.getSiblings()?has_content>
174 <#list Texto237l.getSiblings() as cur_Texto237l>
175 <button class="btn btn-link btn-block m-0">
176 <a href="${cur_Texto237l.getData()}">${cur_Texto237l.namepage.getData()}</a> 177 </button>
178 </#list>
179 </#if>
180 </div>
181 <!---------------------------------------------------->
182 </ul>
183 </div>
184 <form class="searchmenu">
185 <i id="icon-search" class="icon-search far fa-search"></i>
186 </form>
187 </div>
188 </div>
189 </nav>
190
191 <div class="navbar-collapse collapse" id="navbarToggleExternalContent">
192 <div class="row container">
193 <div class="col-6">
194 <div id="submcolapse" class="container">
195 <div class="row">
196 <#if Texto24gx.getSiblings()?has_content>
197 <#list Texto24gx.getSiblings() as cur_Texto24gx>
198 <div class="col-6">
199 <a class="nav-item nav-link" href=" ${cur_Texto24gx.getData()}">${cur_Texto24gx.subnamepage.getData()}</a> 200 </div>
201 </#list>
202 </#if>
203 </div>
204 </div>
205 </div>
206 <div class="col-6">
207 <div id="submcolapse" class="container">
208 <div class="row">
209 <#if Texto237l.getSiblings()?has_content>
210 <#list Texto237l.getSiblings() as cur_Texto237l>
211 <div class="col-6">
212 <a class="nav-item nav-link" href="${cur_Texto237l.getData()}">${cur_Texto237l.namepage.getData()}</a> 213 </div>
214 </#list>
215 </#if>
216 </div>
217 </div>
218 </div>
219 </div>
220 </div>
221 </div>
222
223 <div id="dropdown-menu-iteso" class="dropdown-menu-miiteso dropdown-menu">
224 <div>
225 <a href="https://mi.iteso.mx/user/${current_user.getScreenName()}"> 226 <img src="/documents/123/0/IR-A-MI-ITESO.png" height="40" title="ir a Mi ITESO" class="dropdown-miiteso"/>
227 </a>
228 </div>
229 <div>
230 <a href="/c/portal/logout">
231 <img src="/documents/123/0/CERRAR-SESION.png" height="40" title="Cerrar sesión" class="dropdown-miiteso"/>
232 </a>
233 </div>
234 </div>
235
236 <script>
237
238 $(window).scroll(function(){ 239 if($(window).scrollTop() > 0){ 240 //console.log($(window).scrollTop());
241 $('.pos-f-t').css({ 242 'display': 'block'
243 });
244 $('.top-bar').css({ 245 'position': 'fixed'
246 });
247 $('#mobil-menu').css({ 248 'position': 'fixed'
249 });
250 $('#navbarToggleExternalContent2').css({ 251 'position': 'fixed'
252 });
253
254 // console.log('mission accomplished'); 255 } else if($(window).scrollTop() == 0) { 256 //console.log($(window).scrollTop());
257 $('.pos-f-t').css({ 258 'display': 'none'
259 });
260 $('.top-bar').css({ 261 'position': 'initial'
262 });
263 $('#mobil-menu').css({ 264 'position': 'initial'
265 });
266 $('#navbarToggleExternalContent2').css({ 267 'position': 'initial'
268 });
269 }
270 });
271
272 $( document ).ready(function() { 273 //console.log("minteresa:"+$( ".minteresa" ).width()); 274 var x = document.getElementsByClassName("minteresa"); 275 //console.log("minteresaelement:"+ x); 276 if ($('body').hasClass('has-control-menu')){ 277 $('.pos-f-t').css({ 278 'top': '50px'
279 });
280 $('.portlet-content.portlet-content-editable .pos-f-t').css({ 281 'top': '111px'
282 });
283 /**********************/
284 $('.portlet-content.portlet-content-editable #mobil-menu').css({ 285 'top': '48px'
286 });
287 $('.portlet-content.portlet-content-editable #navbarToggleExternalContent2').css({ 288 'top': '104px'
289 });
290 /********************/
291 }else{ 292 $('.pos-f-t').css({ 293 'top': '49px'
294 });
295 }
296 });
297
298 /*BOTON MI ITESO*/
299 function getViewportOffset($e) { 300 var $window = $(window),
301 scrollLeft = $window.scrollLeft(),
302 scrollTop = $window.scrollTop(),
303 offset = $e.offset(),
304 rect1 = { x1: scrollLeft, y1: scrollTop, x2: scrollLeft + $window.width(), y2: scrollTop + $window.height() }, 305 rect2 = { x1: offset.left, y1: offset.top, x2: offset.left + $e.width(), y2: offset.top + $e.height() }; 306 return { 307 left: offset.left - scrollLeft,
308 top: offset.top - scrollTop,
309 insideViewport: rect1.x1 < rect2.x2 && rect1.x2 > rect2.x1 && rect1.y1 < rect2.y2 && rect1.y2 > rect2.y1
310 };
311 }
312 function MiItesoClick() { 313 let positionButton = $("#btnMiIteso").position(); 314 var viewportOffset = getViewportOffset($("#btnMiIteso")); 315 if(document.getElementById('dropdown-menu-iteso').classList.contains('show')){ 316 document.getElementById('dropdown-menu-iteso').classList.remove('show'); 317 }else{ 318 document.getElementById('dropdown-menu-iteso').classList.add('show'); 319 $('#dropdown-menu-iteso').css("top", viewportOffset.top+positionButton.top+37).css("left", viewportOffset.left+positionButton.left-40); 320 }
321 }
322 function MiItesoClickMovile() { 323 let positionButton = $(".miiteso-movil").position(); 324 var viewportOffset = getViewportOffset($(".miiteso-movil")); 325 //console.log(positionButton,viewportOffset);
326 if(document.getElementById('dropdown-menu-iteso').classList.contains('show')){ 327 document.getElementById('dropdown-menu-iteso').classList.remove('show'); 328 }else{ 329 document.getElementById('dropdown-menu-iteso').classList.add('show'); 330 $('#dropdown-menu-iteso').css("top", viewportOffset.top+positionButton.top+25).css("left",viewportOffset.left-40); 331 }
332 }
333 </script>
334 <!----------------------------------------->
335
336 <!----------------------navmobil---------------------------->
337
338 <nav id="mobil-menu" class="container-it navbar navbar-light bg-light visible-sm visible-xs">
339 <div class="row no-gutters">
340 <div class="col-6">
341 <a href="${Textot9po.getData()}" class="img-logom"> 342 <img class="" alt="logo-mobile" height="auto" src="${Textot9po.DocumentosYMultimedia271c.getData()}" width="auto" style="height: 40px;" /> 343 </a>
344 </div>
345 <div class="col-6" style="text-align: right;">
346 <i id="icon-search" class="icon-search far fa-search"></i>
347 <#if !is_signed_in>
348 <a data-redirect="" href="${sign_in_url}" id="sign-in" rel="nofollow"> 349 <i class="bi bi-person-circle"></i>
350 </a>
351 <style>
352 div#contact-info { 353 margin: 0;
354 /* position: absolute; */
355 top: 50%;
356 -ms-transform: translateY(0%)!important;
357 transform: translateY(0%)!important;
358 }
359 </style>
360 <#else>
361 <#-- <a href="${sign_out_url}" id="sign-out" rel="nofollow"> --> 362 <div onclick="MiItesoClickMovile()" class="btn-miiteso-movile miiteso-movil">
363 <!--<i class="bi bi-person-circle miiteso-movil"></i>-->
364 </div>
365 <#-- <@liferay.user_personal_bar /> -->
366 <style>
367 a.nav-languaje { 368 padding-bottom: 0;
369 }
370 span.badge.badge-danger.panel-notifications-count { 371 position: absolute;
372 }
373 .cropped { 374 display: inline-block;
375 cursor:pointer;
376 }
377 .cropped img { 378 margin: -10px 0px 0px -180px;
379 }
380 </style>
381 <!-- </a> -->
382 </#if>
383
384 <button aria-controls="navbarToggleExternalContent2" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right collapsed" data-target="#navbarToggleExternalContent2" data-toggle="liferay-collapse" type="button" >
385 <i class="fas fa-bars"></i>
386 </button>
387 </div>
388 </div>
389 </nav>
390
391 <div class="navbar-collapse collapse container-it" id="navbarToggleExternalContent2">
392 <!-----------------------idioma movil---------------->
393 <div class="idiomamob container-it">
394 <#--if language == "es_ES" >
395 <a class="nav-languaje" style="color:#42b4e3;" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=es_ES">ESP</a> 396 <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=en_US">ENG</a> 397 <#else>
398 <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=es_ES">ESP</a> 399 <a class="nav-languaje" style="color:#42b4e3;" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=en_US">ENG</a> 400 </#if-->
401<#-- <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=en_US"> --> 402 <a class="nav-languaje" href='${currentUrl?param("p_l_id", Pid)?param("p_p_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("p_p_lifecycle", "1")?param("p_p_state", "exclusive")?param("p_p_mode", "view")?param("p_p_resource_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("languageId", languageIdEn)}'> 403 <img src="/documents/123/0/uk-color.gif"></img>
404 </a>
405<#-- <a class="nav-languaje" href="${Main}/portal/update_language?p_l_id=${Pid}&redirect=${currentUrl?replace('/', '%2F', 'r')}&languageId=es_ES"> --> 406 <a class="nav-languaje" href='${currentUrl?param("p_l_id", Pid)?param("p_p_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("p_p_lifecycle", "1")?param("p_p_state", "exclusive")?param("p_p_mode", "view")?param("p_p_resource_id", "com_liferay_portal_language_web_portlet_LanguagePortlet")?param("languageId", languageIdEs)}'> 407 <img src="/documents/123/0/mx-color.gif"></img>
408 </a>
409 </div>
410 <!---------------------------------------------------->
411
412 <div id="navmobile" class="bg-light shadow-3 p-0">
413 <#if Texto237l.getSiblings()?has_content>
414 <#list Texto237l.getSiblings() as cur_Texto237l>
415 <a href="${cur_Texto237l.getData()}"class="btn btn-link btn-block border-bottom m-0">${cur_Texto237l.namepage.getData()}</a> 416 </#list>
417 </#if>
418 </div>
419
420 <!--------------------------------------------------------------->
421
422 <!--------------------Navsubmenu mobile----------------------------------------->
423
424 <div id="subnavmobile" class="bg-light shadow-3 p-0">
425 <#if Texto24gx.getSiblings()?has_content>
426 <#list Texto24gx.getSiblings() as cur_Texto24gx>
427 <a href="${cur_Texto24gx.getData()}" class="btn btn-link btn-block border-bottom m-0">${cur_Texto24gx.subnamepage.getData()}</a> 428 </#list>
429 </#if>
430 </div>
431
432 <!---------------------------------------------------------------->
433 </div>
434 <!--------------------------------------------------------->
435
436</header>
437
438<div id="subm" class="container-fluid">
439 <nav class="navbar navbar-expand-md navbar-light bg-light">
440 <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
441 <div class="navbar-nav">
442 <#if Texto24gx.getSiblings()?has_content>
443 <#list Texto24gx.getSiblings() as cur_Texto24gx>
444 <a class="nav-item nav-link" href=" ${cur_Texto24gx.getData()}" target="_blank">${cur_Texto24gx.subnamepage.getData()}</a> 445 </#list>
446 </#if>
447 </div>
448 </div>
449 </nav>
450</div>
451
452<!-----------------------style---------------------------------->
453
454<style>
455 button.pl-0.navbar-toggler.navbar-toggler-right { 456 border: 0;
457 }
458
459 form.searchmenu { 460 cursor: pointer;
461 }
462
463 .minteresa .dropdown-toggle { 464 cursor: pointer;
465 }
466
467 .top-bar { 468 background: white;
469 }
470
471 .d-inline { 472 display: inline-block;
473 }
474
475 div#whats-desktop { 476 display: inline-block;
477 }
478
479 div#navbarToggleExternalContent .row{ 480 display: flex!important;
481 }
482
483 div#heading img.imglog { 484 height: 80px;
485 }
486
487 nav#mobil-menu .row{ 488 display: flex!important;
489 }
490
491 #navmobile{ 492 display:none;
493 }
494
495 div#subnavmobile .btn-link { 496 font-family: Degular-Bold;
497 text-transform: uppercase;
498 font-size: 30px;
499 font-weight: bold;
500 font-stretch: normal;
501 font-style: normal;
502 line-height: 1.67;
503 letter-spacing: normal;
504 text-align: left;
505 color: #004270;
506 background: white;
507 }
508
509 div#subnavmobile { 510 display: none;
511 }
512
513 .dropdown.minteresa.show ul.dropdown-menu.show { 514 margin: 0;
515 }
516
517 #interesa button a{ 518 font-family: Degular-Medium;
519 font-size: 16px;
520 font-weight: 500;
521 font-stretch: normal;
522 font-style: normal;
523 line-height: 2.25;
524 letter-spacing: 0.4px;
525 text-align: right;
526 color: #4b555f;
527 }
528
529 .bg-light.shadow-3 .btn-link:hover { 530 color: #00c4ff;
531 }
532
533 .dropdown.minteresa { 534 height: 100%;
535 display: inline-block;
536 top: 0px;
537 vertical-align: middle;
538 background: white;
539 margin-right: 25px;
540 padding: .5rem;
541 }
542
543 .minteresa .dropdown-toggle{ 544 vertical-align: middle;
545 position: relative;
546 align-items: center;
547 height: 100%;
548 display: flex;
549 justify-content: center;
550 align-items: center;
551 }
552
553 .pos-f-t i#icon-search { 554 font-size: 32px;
555 color: #004270;
556 vertical-align: middle;
557 transform: translateY(50%);
558 }
559
560 .pos-f-t .searchmenu { 561 padding-top: 0em;
562 transform: translateY(0%);
563 height: 100%;
564 vertical-align: middle;
565 }
566
567 div#submcolapse a.nav-item.nav-link { 568 padding-left: 0;
569 font-family: Degular-Bold;
570 font-size: 1vw;
571 font-weight: bold;
572 font-stretch: normal;
573 font-style: normal;
574 line-height: 1.67;
575 letter-spacing: normal;
576 color: #8b96a1!important;
577 text-transform: uppercase;
578 }
579
580 div#submcolapse a.nav-item.nav-link:hover { 581 color: #00c4ff!important;
582 }
583
584 #navbarToggleExternalContent .row.container { 585 margin-left: 5%;
586 margin-right: 5%;
587 width: 100%;
588 max-width: 100%;
589 }
590
591 button.pl-0.navbar-toggler.navbar-toggler-right span { 592 vertical-align: middle;
593 }
594
595 button.pl-0.navbar-toggler.navbar-toggler-right .fa-bars:before { 596 content: "\f00d";
597 }
598
599 button.pl-0.navbar-toggler.navbar-toggler-right.collapsed span.fa-bars:before { 600 content: "\f0c9";
601 }
602
603 .pos-f-t button span { 604 color: #666666;
605 }
606
607 .pos-f-t { 608 position: fixed;
609 z-index: 99;
610 top: 0;
611 display: none;
612 width: 100%;
613 }
614
615 .pos-f-t .navbar-toggler span.fal.fa-bars.fa-2x { 616 width: 35px;
617 }
618
619 .navbar-toggler .container { 620 display: inline-block;
621 cursor: pointer;
622 }
623
624 .idiomamob .nav-languaje{ 625 font-family: Degular;
626 font-size: 24px;
627 font-weight: 600;
628 font-stretch: normal;
629 font-style: normal;
630 line-height: 1.25;
631 letter-spacing: 0.01px;
632 text-align: left;
633 color: #000000;
634 font-family: 'Degular-Semibold';
635 }
636
637 #navmobile{ 638 display:none;
639 }
640
641 .bg-light.shadow-3 .btn-link { 642 font-family: 'Degular-Bold';
643 font-size: 30px;
644 font-weight: bold;
645 font-stretch: normal;
646 font-style: normal;
647 line-height: 1.67;
648 letter-spacing: normal;
649 text-align: left;
650 color: #a2a2a2;
651 text-transform: uppercase;
652 padding-left: 7.5%;
653 border-bottom: none!important;
654 }
655
656 div#navbarToggleExternalContent2 { 657 padding: 0;
658 }
659
660 .idiomamob { 661 display:none;
662 padding-left: 7.5%;
663 padding-right: 7.5%;
664 vertical-align: middle;
665 text-align: right;
666 padding-bottom:.5rem;
667 padding-top: .5rem;
668 }
669
670 .idiomamob a.nav-languaje { 671 padding-bottom: 0;
672 }
673
674 .bg-light.shadow-3 .btn-link:focus { 675 color: #00c4ff;
676 text-decoration: none;
677 }
678
679 div#subnavmobile .btn-link:focus, div#subnavmobile .btn-link:hover{ 680 color: #00c4ff;
681 text-decoration: none;
682 }
683
684 div#subm .navbar-nav{ 685 justify-content:space-around;
686 }
687
688 div#navbarNavAltMarkup { 689 font-size: 21px;
690 margin-left:5.5%;
691 margin-right:5.5%;
692 display:block!important;
693 }
694
695 div#subm { 696 padding-left: 0;
697 padding-right: 0;
698 padding-top: 0;
699 }
700
701 div#subm a.nav-item.nav-link { 702 font-family: Degular-Bold;
703 font-size: 1.04vw;
704 font-weight: bold;
705 font-stretch: normal;
706 font-style: normal;
707 line-height: normal;
708 letter-spacing: 0.25px;
709 text-align: center;
710 color: #004270!important;
711 text-transform: uppercase;
712 padding-right: 1rem;
713 padding-left: 1rem;
714 background: transparent;
715 }
716
717 .portlet-content.portlet-content-editable a.nav-languaje { 718 padding-bottom: 0!important;
719 }
720
721 .portlet-user-personal-bar .sticker { 722 font-size: 1.125rem;
723 height: 31px;
724 line-height: 2.5rem;
725 width: 31px;
726 }
727
728 .portlet-content.portlet-content-editable .top-bar.container-it { 729 padding-top: .25rem;
730 padding-bottom:.25rem;
731 }
732
733 .portlet-content.portlet-content-editable a.nav-languaje { 734 padding-bottom: 0rem;
735 }
736
737 div#contact-info { 738 margin: 0;
739 /* position: absolute; */
740 top: 50%;
741 -ms-transform: translateY(25%);
742 transform: translateY(25%);
743 }
744
745 div#submcolapse { 746 border-right: 1px solid rgba(0, 0, 0, 0.16);
747 /* padding-top: 2em; */
748 margin: 1em;
749 }
750
751 .icon-background { 752 width: 80px;
753 text-align: center;
754 }
755
756 #menu1 h5 { 757 margin-left: .5em;
758 text-transform: uppercase;
759 }
760
761 .dropdown.minteresa { 762 width: 145px;
763 }
764
765 .minteresa .dropdown-menu { 766 width: 145px;
767 min-width: 145px;
768 }
769
770 .pos-f-t form.searchmenu.icon-background { 771 transform: translateY(0%);
772 }
773
774 #menu1 h5 { 775 font-size: 1em;
776 }
777
778 /*BOTON MI ITESO*/
779 #btnMiIteso { 780 background-image: url('/documents/123/0/BOTONMI-ITESO-PORTAL.png'); 781 background-size: 120px;
782 background-repeat: no-repeat;
783 background-position: center;
784 background-color: #114370;
785 border-radius: 25px;
786 width: 160px;
787 height: 40px;
788 }
789
790 .btn-miiteso-movile { 791 background-image: url('/documents/123/0/MI-ITESO.png'); 792 background-size: 35px;
793 background-repeat: no-repeat;
794 background-position: 2px 8px;
795 /*background-color: #114370;*/
796 border-radius: 25px;
797 width: 40px;
798 height: 40px;
799 cursor: pointer;
800 display: inline-block;
801 position: relative;
802 top:12px;
803 left:6px;
804 }
805
806 .dropdown-miiteso { 807 display: block;
808 padding: 0.25rem 1.5rem;
809 clear: both;
810 background-color: transparent;
811 border: 0;
812 margin:0 auto;
813 }
814
815 .dropdown-menu-miiteso.show { 816 display: block;
817 }
818
819 .dropdown-menu-miiteso { 820 background-color: #fff;
821 border-color: rgba(0, 0, 0, 0.15);
822 border-style: solid;
823 border-width: 1px;
824 border-radius: 0.25rem;
825 color: #212529;
826 display: none;
827 float: left;
828 font-size: 1rem;
829 left: 0;
830 list-style: none;
831 margin: 0.125rem 0 0;
832 max-height: 500px;
833 max-width: 200px;
834 min-width: 5rem;
835 overflow: auto;
836 padding: 0.5rem 0 0;
837 position: fixed;
838 }
839
840 /***********************----------Media querys------------------*******************************/
841 @media only screen and (min-width: 2550px){ 842
843 .dropdown.minteresa .bi-arrow-down-circle { 844 font-size: 1.135em;
845 }
846
847 #menu1 h5 { 848 font-size: 1.135em;
849 }
850
851 }
852
853 @media only screen and (min-width : 1920px) { 854
855 .pos-f-t .searchmenu { 856 transform: translateY(15%);
857 }
858
859 .dropdown.minteresa { 860 width: 215px;
861 }
862
863 .minteresa .dropdown-menu { 864 width: 215px;
865 max-width: 215px;
866 }
867 }
868
869 /*
870 @media only screen and (max-width: 1480px){ 871 #navigation .navbar-nav .nav-item a.nav-link { 872 margin-right: 0;
873 font-size: .8em;
874 font-size: 1.313em;
875 }
876 }
877 */
878
879 @media only screen and (max-width: 1480px){ 880 #navigation .navbar-nav .nav-item a.nav-link { 881 margin-right: 0;
882 font-size: 1em;
883 }
884
885 #heading .icon-search { 886 -ms-transform: translateY(70%);
887 transform: translateY(70%);
888 }
889
890 #heading form.searchmenu.icon-background .icon-search { 891 -ms-transform: translateY(50%);
892 transform: translateY(50%);
893 }
894
895 div#subm a.nav-item.nav-link { 896 padding-right: .75rem;
897 padding-left: .75rem;
898 }
899 }
900
901 @media only screen and (max-width : 1280px) { 902 div#subm a.nav-item.nav-link { 903 padding-right: .5rem;
904 padding-left: .5rem;
905 }
906 }
907
908 @media only screen and (max-width: 1024px) { 909 #navigation .navbar-nav .nav-item a.nav-link { 910 margin-right: 0;
911 font-size: .8em;
912 }
913
914 #heading .icon-search { 915 -ms-transform: translateY(50%);
916 transform: translateY(50%);
917 font-size: 24px;
918 transform: translateY(100%)!important;
919 }
920
921 .pos-f-t i#icon-search { 922 font-size: 24px;
923 color: #004270;
924 vertical-align: middle;
925 transform: translateY(75%);
926 }
927 }
928
929 @media only screen and (max-width: 1023px) { 930 #navmobile{ 931 display:block;
932 }
933
934 .idiomamob { 935 display:block;
936 }
937
938 #navmobile{ 939 display:block;
940 }
941
942 div#subnavmobile { 943 display: block;
944 }
945
946 .portlet-user-personal-bar{ 947 display:inline-block;
948 }
949 }
950
951 @media only screen and (max-width : 991px) { 952 .navbar-light .navbar-toggler { 953 border-color: transparent;
954 padding-right: 0;
955 }
956
957 .portlet-user-personal-bar .sticker { 958 font-size: 1.125rem;
959 height: 24px;
960 line-height: 2.5rem;
961 width: 24px;
962 margin-bottom: 5px;
963 }
964
965 i#icon-search { 966 font-size: 24px;
967 color: #646d7d;
968 }
969
970 a#sign-out, #sign-in{ 971 padding-left: .75rem;
972 }
973
974 button.navbar-toggler.navbar-toggler-right i.fas.fa-bars { 975 font-size: 24px;
976 }
977
978 nav#mobil-menu i.bi-person-circle { 979 color: #656d7e;
980 font-size: 24px;
981 }
982
983 nav#mobil-menu i.fas.fa-search { 984 font-size: 24px;
985 }
986
987 div#subm { 988 display: none;
989 }
990
991 /*************cambios menu************************************/
992 div#navbarToggleExternalContent2 { 993 position: initial;
994 padding: 0;
995 z-index: 100;
996 width: 100%;
997 top: 56px;
998 }
999
1000 nav#mobil-menu { 1001 background: #f2f2f5;
1002 position: initial;
1003 z-index: 100;
1004 width: 100%;
1005 }
1006
1007 .idiomamob.container-it { 1008 background: white;
1009 }
1010
1011 .bg-light.shadow-3 .btn-link { 1012 font-family: 'Degular-Bold';
1013 font-size: 18px;
1014 font-weight: bold;
1015 font-stretch: normal;
1016 font-style: normal;
1017 line-height: 1.4;
1018 letter-spacing: normal;
1019 text-align: left;
1020 color: #a2a2a2;
1021 text-transform: uppercase;
1022 padding-left: 7.5%;
1023 border-bottom: none!important;
1024 }
1025
1026 div#subnavmobile .btn-link { 1027 font-family: Degular-Bold;
1028 text-transform: uppercase;
1029 font-size: 18px;
1030 font-weight: bold;
1031 font-stretch: normal;
1032 font-style: normal;
1033 line-height: 1.5;
1034 letter-spacing: normal;
1035 text-align: left;
1036 color: #004270;
1037 background: white;
1038 }
1039
1040 /***********************************************/
1041 }
1042
1043 @media only screen and (max-width : 767px) { 1044 .portlet-user-personal-bar{ 1045 display:inline-block;
1046 }
1047
1048 div#subnavmobile { 1049 display: block;
1050 }
1051
1052 i.bi-person-circle { 1053 color: #656d7e;
1054 font-size: 32px;
1055 }
1056
1057 i.fas.fa-search { 1058 font-size: 32px;
1059 }
1060 }
1061
1062 @media only screen and (max-width: 376px) { 1063 div#subnavmobile .btn-link { 1064 font-size: 14px;
1065 }
1066
1067 .bg-light.shadow-3 .btn-link { 1068 font-size: 14px;
1069 }
1070 }
1071
1072 @media only screen and (max-width : 365px) { 1073 nav#mobil-menu a.img-logom img { 1074 height: 32px!important;
1075 }
1076
1077 div#subnavmobile .btn-link { 1078 font-size: 12px;
1079 }
1080
1081 .bg-light.shadow-3 .btn-link { 1082 font-size: 12px;
1083 }
1084
1085 div#navbarToggleExternalContent2 { 1086 top: 52px;
1087 }
1088 }
1089
1090</style>