/********************* AQUI COMIENZAN ESTILOS GENERALES *******************/ body { font-size: 14px !important; color: #123c5d !important; /*font-family: "LatoWeb" !important;*/ /* background: #123c5d; */ } /* Webfont: Lato-Black */ @font-face { font-family: 'LatoWebBlack'; src: url('../../fonts/Lato-Black.eot'); /* IE9 Compat Modes */ src: url('../../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('../../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */ url('../../fonts/Lato-Black.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; font-display: swap; } /* Webfont: Lato-BlackItalic */ @font-face { font-family: 'LatoWebBlack'; src: url('../fonts/Lato-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Bold */ @font-face { font-family: 'LatoWebBold'; src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-BoldItalic */ @font-face { font-family: 'LatoWebBold'; src: url('../fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Hairline */ @font-face { font-family: 'LatoWebHairline'; src: url('../fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Hairline.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-HairlineItalic */ @font-face { font-family: 'LatoWebHairline'; src: url('../fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Heavy */ @font-face { font-family: 'LatoWebHeavy'; src: url('../fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Heavy.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-HeavyItalic */ @font-face { font-family: 'LatoWebHeavy'; src: url('../fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Italic */ @font-face { font-family: 'LatoWeb'; src: url('../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Italic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Light */ @font-face { font-family: 'LatoWebLight'; src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-LightItalic */ @font-face { font-family: 'LatoWebLight'; src: url('../fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Medium */ @font-face { font-family: 'LatoWebMedium'; src: url('../fonts/Lato-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-MediumItalic */ @font-face { font-family: 'LatoWebMedium'; src: url('../fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Regular */ @font-face { font-family: 'LatoWeb'; src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Semibold */ @font-face { font-family: 'LatoWebSemibold'; src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Semibold.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-SemiboldItalic */ @font-face { font-family: 'LatoWebSemibold'; src: url('../fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-Thin */ @font-face { font-family: 'LatoWebThin'; src: url('../fonts/Lato-Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-Thin.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: Lato-ThinItalic */ @font-face { font-family: 'LatoWebThin'; src: url('../fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Lato-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /********************* AQUI TERMINAN ESTILOS GENERALES *******************/ /********************* AQUI COMIENZAN ESTILOS MENU Y FOOTER *******************/ .encabezado { background: #eee; margin-top: 20px; } .btn-home-regreso { color: #003a5d !important; font-size: 20px; } #menu { margin: 0 auto !important; padding: 0 !important; } .primer-menu { padding-bottom: 8px; } .primer-menu nav a img { width: 250px; } .navbar-brand { padding-top: 0 !important; } a.nav-link { color: #003a5d !important; font-weight: bold !important; } .bg-light { background-color: transparent !important; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5rem !important; padding-left: 1rem !important; } a.nav-link img.icon { width: 18px; margin-top: -3px; } .dropdown-menu { background: #7ba7ae; font-size: 14px; z-index: 3000; } .despliegue-menub a.submenu { color: #fff !important; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1.2rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media screen and (min-width:2561px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 8.5rem !important; padding-left: 7rem !important; font-size: 16px; } } @media screen and (max-width:2560px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 8rem !important; padding-left: 7rem !important; font-size: 16px; } } @media screen and (max-width:2522px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 8rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2500px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 8rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2445px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 7.5rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2427px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 7.5rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2407px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 7rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2388px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 7rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2368px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 6.5rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2353px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 6.5rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2330px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 6rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2315px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 6rem !important; padding-left: 6rem !important; font-size: 16px; } } @media screen and (max-width:2291px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5.5rem !important; font-size: 16px; } } @media screen and (max-width:2276px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5.5rem !important; font-size: 16px; } } @media screen and (max-width:2215px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.2rem !important; padding-left: 5.2rem !important; font-size: 16px; } } @media screen and (max-width:2208px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.2rem !important; padding-left: 5.2rem !important; font-size: 16px; } } @media screen and (max-width:2190px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5rem !important; font-size: 16px; } } @media screen and (max-width:2176px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5rem !important; font-size: 15px; } } @media screen and (max-width:2149px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5rem !important; font-size: 15px; } } @media screen and (max-width:2122px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5.5rem !important; padding-left: 5rem !important; font-size: 14px; } } @media screen and (max-width:2111px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5rem !important; padding-left: 5rem !important; font-size: 15px; } } @media screen and (max-width:2083px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5rem !important; padding-left: 5rem !important; font-size: 14px; } } @media screen and (max-width:2072px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 5rem !important; padding-left: 5rem !important; font-size: 14px; } } @media screen and (max-width:2029px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4.5rem !important; padding-left: 4.5rem !important; font-size: 15px; } } @media screen and (max-width:2026px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4.5rem !important; padding-left: 4.5rem !important; font-size: 15px; } } @media screen and (max-width:2006px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4rem !important; padding-left: 4rem !important; font-size: 14px; } } @media screen and (max-width:1968px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4rem !important; padding-left: 4rem !important; font-size: 15px; } } @media screen and (max-width:1930px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4rem !important; padding-left: 4rem !important; font-size: 14px; } } @media screen and (max-width:1922px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4rem !important; padding-left: 4rem !important; font-size: 14px; } } @media screen and (max-width:1875px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3.8rem !important; padding-left: 4rem !important; font-size: 13px; } } @media screen and (max-width:1853px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3.8rem !important; padding-left: 4rem !important; font-size: 13px; } } @media screen and (max-width:1818px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3rem !important; padding-left: 3.5rem !important; font-size: 14px; } } @media screen and (max-width:1760px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3rem !important; padding-left: 3.5rem !important; font-size: 13px; } } @media screen and (max-width:1742px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3rem !important; padding-left: 3rem !important; font-size: 13px; } } @media screen and (max-width:1667px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.4rem !important; padding-left: 2.4rem !important; font-size: 14px } } @media screen and (max-width:1661px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.4rem !important; padding-left: 2.4rem !important; font-size: 14px } } @media screen and (max-width:1629px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.4rem !important; padding-left: 2.4rem !important; font-size: 13px } } @media screen and (max-width:1584px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2rem !important; padding-left: 2rem !important } } @media screen and (max-width:1552px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.7rem !important; padding-left: 2rem !important } } @media screen and (max-width:1546px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.5rem !important; padding-left: 1.6rem !important } } @media screen and (max-width:1521px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem !important; padding-left: 1.6rem !important } } @media screen and (max-width:1480px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 3rem !important; padding-left: 1.5rem !important; font-size: 11px } } @media screen and (max-width:1443px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.8rem !important; padding-left: 1.5rem !important; font-size: 11px } } @media screen and (max-width:1427px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.8rem !important; padding-left: 1.5rem !important; font-size: 10px } } @media screen and (max-width:1416px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2.8rem !important; padding-left: 1.5rem !important; font-size: 10px } } @media screen and (max-width:1409px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 11px !important; padding-right: 2.5rem !important; padding-left: 1.2rem !important } } @media screen and (max-width:1381px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 12px !important; padding-right: 1.5rem !important; padding-left: 1.2rem !important } } @media screen and (max-width:1380px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 12px !important; padding-right: 1.5rem !important; padding-left: 1.2rem !important } } @media screen and (max-width:1359px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 12px !important; padding-right: 1.2rem !important; padding-left: 1.2rem !important } } @media screen and (max-width:1356px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 12px !important; padding-right: 1.2rem !important; padding-left: 1.2rem !important } } @media screen and (max-width:1347px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem !important; padding-left: .6rem !important } } @media screen and (max-width:1315px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem !important; padding-left: .6rem !important } } @media screen and (max-width:1288px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem !important; padding-left: .5rem !important } } @media screen and (max-width:1267px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.6rem !important; padding-left: .5rem !important } } @media screen and (max-width:1264px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.6rem !important; padding-left: .5rem !important } } @media screen and (max-width:1255px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.8rem !important; padding-left: .5rem !important; font-size: 10px !important } } @media screen and (max-width:1219px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.7rem !important; padding-left: .5rem !important; font-size: 10px !important } } @media screen and (max-width:1216px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.7rem !important; padding-left: .5rem !important; font-size: 10px !important } } @media screen and (max-width:1211px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.8rem !important; padding-left: .5rem !important; font-size: 9px !important; } } @media screen and (max-width:1206px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.8rem !important; padding-left: .5rem !important; font-size: 9px !important; } } @media screen and (max-width:1168px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.7rem !important; padding-left: .5rem !important; font-size: 9px !important } } @media screen and (max-width:1160px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 10px !important; padding-right: 1rem !important; padding-left: .5rem !important } } @media screen and (max-width:1158px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 9px !important; padding-right: 1rem !important; padding-left: .5rem !important } } @media screen and (max-width:1110px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 9px !important; padding-right: .8rem !important; padding-left: .4rem !important } } a.nav-link img.icon { width: 16px } @media screen and (max-width:1095px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 9px !important; padding-right: .5rem !important; padding-left: .5rem !important } a.nav-link img.icon { width: 12px } } @media screen and (max-width:1077px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 10px !important; padding-right: .5rem !important; padding-left: .5rem !important } .primer-menu nav a img { width: 150px } .bg-light { padding-bottom: 0; } a.nav-link img.icon { width: 14px } } @media screen and (min-width:992px) and (max-width:1076px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 9px !important; padding-right: .8rem !important; padding-left: .5rem !important } .primer-menu nav a img { width: 180px } a.nav-link img.icon { width: 14px } } @media screen and (max-width:1049px) { .navbar-expand-lg .navbar-nav .nav-link { font-size: 9px !important; padding-right: 0rem !important; padding-left: .5rem !important } } @media screen and (min-width:992px) { .menu-servicios { display: none !important } .opcion-oculta { display: none !important } } @media screen and (max-width:991px) { .navbar-expand-lg .navbar-nav .nav-link { padding: .5rem 1rem !important; font-size: 14px !important } .menu-servicios { display: block !important } .idioma, .segundo-menu { display: none !important } } .segundo-menu { text-align: right !important; padding: .6rem 0rem; margin: 0 auto !important; float: left; } .btn-segundo-menu { cursor: pointer !important; border: 0px; background: transparent; } .btn-segundo-menu:focus { outline: 0px; } .despliegue { background: #eee; text-align: right !important; margin-top: 60px; left: 0px; position: absolute; text-align: left !important; right: 0 !important; z-index: 2000; } .despliegue-menub { background: #7ba7ae !important; color: #fff !important; } .despliegue-menub a.dropdown-item { color: #fff !important; } .opciones-menub { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .despliegue ul.navbar-nav li.opciones-menub a { color: #003a5d; font-weight: bold !important; font-size: 12px; } .despliegue-menub a.dropdown-item:hover { color: #000 !important; } .dropdown-item.active, .dropdown-item:active { background-color: transparent; } .btn-secondary { color: #495057; background-color: transparent; border-color: #495057; } .cambio-idioma { text-align: center !important; margin-top: 10px; } .cambio-idioma img { width: 50px !important; } .idioma { text-align: center; margin: 0 auto !important; float: right; padding: .6rem 0rem; margin-right: 30px !important; font-size: 20PX; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 4rem; padding-left: .5rem; } nav.active ul li.a a { opacity: 1; cursor: pointer; } footer { background: #eee; margin-top: 10px; } .menu-footer { text-align: center !important; margin: 0 auto !important; margin-top: 30px !important; } .menu-footer ul.navbar-nav li.nav-item a.nav-link { color: #003a5d; font-weight: bold; } .redes-sociales { margin: 0 auto; text-align: center; } .redes-sociales ul { display: inline-flex; list-style: none !important; padding: 0; } .redes-sociales ul li { padding: 0 10px; } .redes-sociales ul li a { font-size: 40px; color: #003a5d; } .imagen-chat { position: fixed; display: block; top: 700px; z-index: 100; } .imagen-index { position: fixed; display: block; top: 170px; z-index: 2200; } .evalua-viaje { position: fixed; display: block; top: 544px; z-index: 2100; border: none; background: transparent; padding: 0; -webkit-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34); -moz-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34); box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34); } .boton-float-evalua { width: 40px; } .boton-flotante { width: 120px; } @media screen and (max-width: 500px) { .boton-flotante { display: none; } } .scrollTop { opacity: 0; transition: all 0.4s ease-in-out 0s; } .titulo-popof { text-align: center; } .mensaje-flotante { color: #fff !important; } .imagen-chat img { width: 60px; } .contenedor-social { text-align: right; } .contenedor-phone { text-align: left; } @media screen and (max-width: 767px) { .contenedor-social { text-align: center; } .contenedor-phone { text-align: center; } } .telefono { font-size: 26px; line-height: 2.2; color: #003a5d; } /************************************************************************** AQUI TERMINAN ESTILOS MENU Y FOOTER ******************************************/ #combo-ventas { position: absolute; height: 600px; z-index: 1000; } .carrusel { margin-top: 95px; z-index: 1; } @media screen and (min-width: 992px) { #combo-ventas { width: 100%; } } @media screen and (max-width: 991px) { #combo-ventas { width: 100%; } .carrusel { margin-top: 165px; } } @media screen and (max-width: 767px) { #combo-ventas { width: 100%; } .carrusel { margin-top: 333px; } } @media screen and (max-width: 575px) { #combo-ventas { width: 100%; } .carrusel { margin-top: 418px; } } @media screen and (max-width: 400px) { .primer-menu nav a img { width: 140px; } } /********************* COMBO DE VENTAS LANDINGS************************/ .combo-ventas { display: block; height: 550px; margin: 0 auto; overflow: hidden; position: absolute; width: 100%; z-index: 1000; } #combo { width: 100%; z-index: 3000; } @media screen and (max-width: 767px) { .combo-ventas { height: 400px; } } /******* nuevos estilos landing******************************/ .principal { background: #fff; margin-top: 109px; margin-bottom: 10px; } @media screen and (max-width: 1005px) { .principal { background: #fff; margin-top: 116px; margin-bottom: 10px; } } @media screen and (max-width: 991px) { .principal { background: #fff; margin-top: 173px; margin-bottom: 10px; } } @media screen and (max-width: 782px) { .principal { background: #fff; margin-top: 173px; margin-bottom: 10px; } } @media screen and (max-width: 767px) { .principal { background: #fff; margin-top: 418px; margin-bottom: 10px; } } @media screen and (max-width: 589px) { .principal { background: #fff; margin-top: 419px; margin-bottom: 10px; } } @media screen and (max-width: 575px) { .principal { background: #fff; margin-top: 493px; margin-bottom: 10px; } } /********diviciones ***************************************/ hr.divisiones-lugares { height: 5px; background-color: #123c5d; border-radius: 300px; margin-top: 60px } /******** FIN DIVISIONES **********************************/ .flecha-1 { text-align: center; position: relative; margin-top: -65px; font-size: 17px; } .flecha-nueva { font-size: 3em; color: #fff; } @media screen and (max-width: 700px) { .flecha-nueva { font-size: 30px; } } hr { height: 5px; background-color: #123c5d; border-radius: 300px; margin-top: 43px; } .destinos-por-visitar { margin-top: 20px; } .visitas { text-align: center; } .sitio-mapa { font-size: 35px; } .comida-hotel { font-size: 35px; } .visita-boletos-etn { font-size: 35px } h1.salidas-viajes-etn { font-size: 26px; color: #123c5d; } h2.lugares-a-comer-etn { font-size: 22px; color: #123c5d; font-weight: bold; } h2.visitar-etn { font-size: 22px; color: #117a8b; } h3.salidas-etn { font-size: 20px; color: #123c5d; font-weight: bold; } h2.lugares-a-comer-etn { font-size: 22px; color: #123c5d; font-weight: bold; } h2.visitar-etn { font-size: 22px; color: #117a8b; } .imagenes { width: 70px; } .imagen-hotel { width: 86px; } .lugares-por-llegar { margin-top: 30px; } .lugares-etn-comida { margin-top: 30px; } @media screen and (max-width: 991px) { .lugares-por-llegar { margin-top: 25px; } .lugares-etn-comida { margin-top: 25px; } } @media screen and (max-width: 765px) { .lugares-por-llegar { display: none; } .lugares-etn-comida { display: block; } } .comidas { margin-top: 10px; } h3.lugares { font-size: 20px; } .sección-comida { background: #fff; border-radius: 10px; padding: 10px; height: 100%; } h3.titulos-comida { color: #123c5d; text-align: center; font-size: 20px; padding: 10px; } p.comidas-tipicas { color: #123c5d; font-size: 18px; text-align: justify; } .promociones { margin-top: 10px; } .sitios li { height: 10px; background-color: #fff; border-radius: 8px; } .ventana-informacion { border-radius: 8px; } .viajamas { background: transparent; margin-top: 20px; border-radius: 8px; padding: 20px; margin-bottom: 20px; } .centrado { text-align: center; } p.conozca { color: #117a8b; text-align: center; font-size: 25px; font-weight: bold; } .tarjetas-viajamas-etn { text-align: center; } .tamaño { width: 200px; } .afiliacion { text-align: center; margin-top: 10px; } .boton { color: #ffff; background: #123c5d; margin-top: 30px; width: 300px; height: 42px; margin-bottom: 10px; } @media screen and (max-width: 389px) { .boton { width: 255px; } } @media screen and (max-width: 380px) { .boton { width: 255px; } } @media screen and (max-width: 360px) { .boton { width: 255px; } } @media screen and (max-width: 350px) { .boton { width: 242px; } } @media screen and (max-width: 341px) { .boton { width: 242px; } } @media screen and (max-width: 334px) { .boton { width: 235px; } } @media screen and (max-width: 331px) { .boton { width: 225px; } } @media screen and (max-width: 321px) { .boton { width: 225px; } } .interes-etn { background: #123c5d; color: #fff; margin-top: 40px; text-align: center; } a.temas { color: #fff; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; } .visita-y-compra-etn-landing { font-size: 22px; color: #fff; font-weight: bold; text-align: center; padding-top: 20px; } .compra-boletos-etn-landing { font-size: 22px; color: #117a8b; font-weight: bold; text-align: center; } #parrafo-landings { margin-top: 20px !important; padding: 10px; } #subtitulo-landings { font-size: 20px; margin-top: 20px; color: #fff; } a.temas-interes { color: #fff; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; } a.temas-interes :hover { color: #fff !important; } h3.visita-compra { font-size: 20px; margin-bottom: 50px; font-weight: 600; } #visita-compra { font-size: 22px; font-weight: 600; margin-bottom: 30px; } /****************** CAROUSEL DESTINOS*******************/ .iconos { width: 160px; } h4.titulos-etn { color: #123c5d; font-size: 20px; text-align: center; } .cerrar { background: #123c5d; color: #fff; border-radius: 25px; } @media screen and (max-width: 2250px) { .enlaces-destinos { display: none; } } @media screen and (max-width: 1920px) { .enlaces-destinos { display: none; } } @media screen and (max-width: 375px) { .iconos { width: 90%; } } @media screen and (max-width: 765px) { p.visitar, .mostraryocultar, .lugares { display: none; } } @media screen and (max-width: 765px) { .ventana-secundaria { display: block; } } @media screen and (max-width: 765px) { .enlaces-destinos { display: block; } } a.enlaces-destinos { color: #fff; } .contenido-texto { text-align: center; } .resumen-lugares { background-color: #123c5d82; font-size: 18px; border-radius: 8px; } p.texto-destinos { font-size: 18px; } .boton-mas { font-size: 15px; color: #ffffff; background-color: transparent !important; border-radius: 6px; border: 2px solid #fff; } @media screen and (max-width: 880px) { p.texto-destinos { font-size: 14px; } } @media screen and (max-width: 500px) { h2.titulo-destinos { font-size: 14px; } } @media screen and (max-width: 760px) { p.texto-destinos { display: none; } } @media screen and (max-width: 500px) { .resumen-lugares { bottom: 12%; width: 80%; left: 10%; } } .hr { height: 5px; background-color: #123c5d; border-radius: 300px; margin-top: -7; } .camiones-destinos { margin-top: 40px; margin-bottom: 10px; } /****************** FIN CAROUSEL DESTINOS**************/ /******************estilos aguascalientes***************/ p.comentarios { font-size: 18px; text-align: left; font-weight: bold; } /******************estilos aguascalientes***************/ /****************** ESTILOS TABLA AGUASCALIENTES**************/ .costo-aguascalientes { border-radius: 8px; border: 2px solid #123c5d; } th.precio-aguascalientes { font-size: 18px; font-weight: bold; } .entrada-lugar { font-size: 13px; font-weight: bold; } .dias-de-visitas { font-size: 17px; font-weight: bold; } /****************** FIN ESTILOS TABLA AGUASCALIENTE**********/ /********ESTILOS CUERNAVACA****************************************/ ul.lista-cuernavaca { font-size: 18px; } th.costo-cuernavaca { font-size: 18px; } td.dias-abierto { font-size: 18px; } .museo-de-cortes-cuernavaca { border: 2px solid #123c5d; border-radius: 8px; } /******** FIN ESTILOS CUERNAVACA********************************/ /********************STILOS MEXICO-PONIENTE*********************/ .museo-natural { border-radius: 8px; border: 2px solid #123c5d; } .costos-museo { font-weight: bold; font-size: 18px; } .horarios-entrada { font-weight: bold; font-size: 18px; } /******************** FIN STILOS MEXICO-PONIENTE*************************/ /******************** ESTILOS TABALA-MONTERREY***********************************/ .tabla-precios-monterrey { border-radius: 8px; border: 2px solid #123c5d; } .tarifa-monterrey { font-weight: bold; font-size: 18px; } /******************** FIN STILOS ESTILOS TABALA-MONTERREY*************************/ /******* nuevos estilos landing******************************/ /******* INICIO DE SERVICIO A BORDO******************************/ .servicio-bordo { background: #eee; padding-top: 10px; margin-top: 10px; text-align: center; margin-bottom: 10px; } .contenedor-servicio-bordo { background: #fff; margin-top: 10px; } .contenedor-autobuses { background: #123c5d; border-radius: 8px; margin-top: 10px; text-align: center; } .contenedor-descripción { background: #fff; border-radius: 8px; color: #123c5d; text-align: center; } .carrusel-servicio-abordo { text-align: center !important; } #color-titulos { font-size: 22px; text-align: center; font-weight: 600; } .contenedor-detalles { background: #fff; border-radius: 8px; color: #123c5d; margin-top: 50px; padding: 10px; position: relative; bottom: 10px; } .contenido-iconos { margin-top: 50px; position: relative; } .img-marcopolo { width: 200px; } .tamaño-img { width: 90%; top: 20px; } .tamaño-img-app { width: 90%; top: 20px; } #br-24-asientos { margin-bottom: 20px !important; } #apartado-asientos { margin-top: 30px !important; } #apartado-asientos-4 { margin-top: 30px !important; } #apartado-asientos-5 { margin-top: 30px !important; } #apartado-asientos-6 { padding-bottom: 30px !important; } #apartado-asientos-7 { padding-bottom: 50px !important; } #span-marco { color: #fff; font-size: 18px; } #li { font-size: 18px; text-align: left; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: rgba(0, 123, 255, .25); } .img-eclipse { width: 200px; } #span-eclipse { color: #fff; font-size: 18px; } .img-grand { width: 200px; } #span-grand { color: #fff; font-size: 18px; } .img-luxury { width: 200px; } #span-luxury { color: #fff; font-size: 18px; } .marco-polo { padding: 0px 20px; } .eclipsee { padding: 0px 20px; } .grandd { padding: 0px 20px; } .luxuryy { padding: 0px 20px; } @media screen and (max-width: 1200px) { .img-marcopolo { width: 150px; } .img-eclipse { width: 150px; } .img-grand { width: 150px; } .img-luxury { width: 150px; } } @media screen and (max-width: 1000px) { .img-marcopolo { width: 120px; } .img-eclipse { width: 120px; } .img-grand { width: 120px; } .img-luxury { width: 120px; } #span-eclipse { font-size: 15px; } #span-grand { font-size: 15px; } #span-marco { font-size: 15px; } #span-luxury { font-size: 15px; } } @media screen and (max-width: 989px) { .img-marcopolo { width: 100px; } .img-eclipse { width: 100px; } .img-grand { width: 100px; } .img-luxury { width: 100px; } #span-eclipse { font-size: 12px; } #span-grand { font-size: 12px; } #span-marco { font-size: 12px; } #span-luxury { font-size: 12px; } } @media screen and (max-width: 768px) { .img-marcopolo { width: 80px; } .img-eclipse { width: 80px; } .img-grand { width: 80px; } .img-luxury { width: 80px; } #span-eclipse { font-size: 10px; } #span-grand { font-size: 10px; } #span-marco { font-size: 10px; } #span-luxury { font-size: 10px; } .marco-polo { padding: 0px 0px; } .eclipsee { padding: 0px 0px; } .grandd { padding: 0px 0px; } .luxuryy { padding: 0px 0px; } } @media screen and (max-width: 509px) { .img-marcopolo { width: 60px; } .img-eclipse { width: 60px; } .img-grand { width: 60px; } .img-luxury { width: 60px; } #span-eclipse { font-size: 9px; } #span-grand { font-size: 9px; } #span-marco { font-size: 9px; } #span-luxury { font-size: 9px; } } @media screen and (max-width: 429px) { .img-marcopolo { width: 30px; } .img-eclipse { width: 30px; } .img-grand { width: 30px; } .img-luxury { width: 30px; } #span-eclipse { font-size: 6px; } #span-grand { font-size: 6px; } #span-marco { font-size: 6px; } #span-luxury { font-size: 6px; } } /******* FIN DE SERVICIO A BORDO******************************/ /******* FIN DE CENTRAL DEL NORTE******************************/ /**************************ESTILOS LANDING SOL **************************************/ .cont-destinos { background: #FFF; margin-top: 0px; margin-bottom: 10px; } @media screen and (max-width: 1005px) { .cont-destinos { margin-top: 0px; margin-bottom: 10px; } } @media screen and (max-width: 782px) { .cont-destinos { margin-top: 0px; margin-bottom: 10px; } } @media screen and (max-width: 589px) { .cont-destinos { margin-top: 0px; margin-bottom: 10px; } } .descubre { padding-top: 20px; text-align: center; font-weight: bold; } .container-descubre { display: flex; justify-content: center; align-items: center; margin-left: 100px; } .landing-mexico { font-size: 25px; color: #123c5d; text-align: center; font-weight: bold; margin-top: 30px !important; margin: 0 auto; padding-bottom: 30px; } .ver-destinos { background: #fff; padding: 25px; text-align: center !important; border-radius: 8px; } .destinios-destacados { justify-content: center; } .destinios-destacados h1 { text-align: center; } .destinos { margin: 20px; } .ciudad-de-mexico p { font-size: 20px } .guadalajara { font-size: 20px; } .monterrey { font-size: 20px; } .servicios-excelencia { text-align: center; } .comodidades { font-size: 20px; margin: 20px; } .seguridad-confiabilidad { font-size: 20px; margin: 20px; } .reserva { margin: 20px; } .reserva-facil { font-size: 20px; margin: 20px; } .sitios-expectaculares { text-align: center; } .porque-etn { text-align: center; } .reserva { } .titulo-seleccionar { font-size: 30px !important; font-weight: bolder !important; } .btn-primary { color: #fff; background-color: #123c5d; } .btn-primary:hover { color: #fff; background-color: #123c5d; border-color: #0062cc; } .card { color: #fff; font-size: 18px; background-color: #123c5d; } .destinos-mostrar { box-shadow: none !important; color: #003a5d; font-size: 15px; font-weight: 500; } .titulos-lugares { font-size: 20px; border: none; background: #fff; color: #123c5d; font-weight: 800; } .imagen-mod { width: 250px; height: 146px; } @media screen and (max-width: 991px) { .destinos-mostrar { font-size: 14px; } } @media screen and (max-width: 910px) { .destinos-mostrar { font-size: 13px; } .titulo-seleccionar { font-size: 28px !important; } } @media screen and (max-width: 860px) { .destinos-mostrar { font-size: 12px; } .titulo-seleccionar { font-size: 27px !important; } } @media screen and (max-width: 800px) { .destinos-mostrar { font-size: 11px; } .titulo-seleccionar { font-size: 26px !important; } } @media screen and (max-width: 767px) { .destinos-mostrar { font-size: 16px; } .titulo-seleccionar { font-size: 25px !important; } .imagen-mod { display: block; margin: 10px auto; } } @media screen and (max-width: 730px) { .titulo-seleccionar { font-size: 24px !important; } } @media screen and (max-width: 705px) { .titulo-seleccionar { font-size: 22px !important; } } @media screen and (max-width: 754px) { .titulo-seleccionar { font-size: 20px !important; } } @media screen and (max-width: 600px) { .landing-mexico { font-size: 22px !important; } } @media screen and (max-width: 500px) { .landing-mexico { font-size: 20px !important; } } @media screen and (max-width: 400px) { .landing-mexico { font-size: 18px !important; } } @media screen and (max-width: 387px) { .titulo-seleccionar { font-size: 18px !important; } .landing-mexico { font-size: 17px !important; } } @media screen and (max-width: 333px) { .landing-mexico { font-size: 16px !important; } } @media screen and (max-width: 320px) { .titulo-seleccionar { font-size: 16px !important; } .landing-mexico { font-size: 16px; } } /**************************ESTILOS LANDING SOL **************************************/ .titulo { color: #123c5d; text-align: center; padding-bottom: 10px; padding-top: 20px; } .titu-central-norte { font-size: 26px; font-weight: 600; } .terminal-central-ldg { text-align: center; } .img-landings { clip-path: circle(); -webkit-clip-path: circle(); -moz-clip-path: circle(); -o-clip-path: circle(); -ms-clip-path: circle(); margin-bottom: 20px !important; height: 300px; } .interes-etn .rounded-circle { overflow: hidden; width: 320px; } .boton-mostrar { background-color: transparent !important; border-color: #eee; color: #123c5d !important; } .boton-mostrar-2 { background-color: transparent !important; border-color: #eee; color: #123c5d !important; } .texto-etn { margin-top: 10px; border-radius: 8px; background-color: #fff; color: #123c3d !important; text-align: justify; } .margen { margin: auto; } #taquilla { font-weight: 500; font-size: 22px; font-weight: 600; } #terminal { font-weight: 500; font-size: 24px; font-weight: 600; } .img-efect-1:hover { filter: opacity(.5); } p.privnotice { color: #063249 !important; font-size: 16px !important; text-align: justify; } .img-taquilla-norte { height: 300px; width: 100%; } #descripcion { font-size: 16px; } .separador { height: 1px; background: #eee; } #img2 { clip-path: circle(); } .ubicacion { text-align: left; border-radius: 8px; font-size: 18px; } .titulos-secundarios { font-size: 20px; text-align: left; } .centrar { text-align: center !important; } .acordeon-1 { width: 350px; margin: 0 auto; } #accordion { width: 300px !important; margin: 0 auto !important; } .ver-mas { background: #fff !important; color: #123c5d !important; border-bottom: 1px solid #fff; } .contorno { color: #fff; font-size: 18px; background-color: #fff; } .texto-promociones { font-size: 20px; line-height: 50px; text-align: center; } a.links { color: #dc3545; } #no-participantes { text-align: center; } #texto-ubicacion { padding-left: 15px; padding-right: 15px; font-size: 18px; } .img-15 { text-align: center; clip-path: circle(); height: 300px; } .descuentos { text-align: center; } /*********************FIN CENTRAL DEL NORTE *************************/ /********************* INICIO TERMINAL PONINETE *************************/ .contenedor-general-terminal-poniente { background: #eee; margin-top: 10px; margin-bottom: 10px; } /*********************FIN TERMINAL PONINETE*************************/ /********************* INICIO TERMINAL TOLUCA*************************/ /*********************FIN TERMINAL TOLUCA *************************/ /********************* INICIO DESCUENTO INTERNET 15%*************************/ .decuento-internet-15 { background: #fff; margin-top: 95px; margin-bottom: 10px; } @media screen and (max-width: 1005px) { .decuento-internet-15 { background: #fff; margin-top: 172px; margin-bottom: 10px; } } @media screen and (max-width: 782px) { .decuento-internet-15 { background: #fff; margin-top: 58px; margin-bottom: 10px; } #_hj_feedback_container { display: none; } } @media screen and (max-width: 589px) { .decuento-internet-15 { background: #fff; margin-top: -15px; margin-bottom: 10px; } #_hj_feedback_container { display: none; } } .contenedor-decuento-15 { border-radius: 8px; margin-bottom: 20px; } #titulo-compre-su-boleto { color: #123c5d; font-size: 22px; font-weight: 600; } .imgs-descuento15 { background: #123C5D; padding-top: 20px; padding-bottom: 20px; } #titu-pequeño { font-size: 16px; color: #fff; } #titu-grande { font-weight: 600; font-size: 19px; color: #fff; } .mask { text-align: right; } .img-blog { height: 170px; } #fecha { font-size: 16px; color: #fff; } .contenido-blog { color: #fff; text-align: justify; } .texto-descuento { color: #123c5d; font-size: 18px; padding: 25px; } #img-descuento-15 { text-align: center; clip-path: circle(); } .img-centrar { text-align: center; } .destinos-15-etn { color: #123c5d; font-weight: 600; } /*********************FIN DESCUENTO INTERNET 15% *************************/ /*********************INICIO DESCUENTO 10% MÁS 10% *************************/ .contenedor-descuento-10-mas-10 { background: #fff; margin-bottom: 10px; margin-top: 95px; } @media screen and (max-width: 1005px) { .contenedor-descuento-10-mas-10 { background: #fff; margin-top: 172px; margin-bottom: 10px; } } @media screen and (max-width: 782px) { .contenedor-descuento-10-mas-10 { background: #fff; margin-top: 340px; margin-bottom: 10px; } } @media screen and (max-width: 589px) { .contenedor-descuento-10-mas-10 { background: #fff; margin-top: -38px; margin-bottom: 10px; } } .descuento-10 { background: #123c5d; border-radius: 8px; padding-bottom: 20px; padding-top: 20px; padding: 20px; } .tarjetas-creditos-participantes-etn { padding-top: 20px; } .title-descuento { color: #fff; font-size: 32px; } .contenido-descuento { color: #fff; font-size: 24px; } #descuento-10 { width: 100%; } #blanca-derecha { color: #123c5d; } .realice-su-pago { color: #123C5D; } .centered { text-align: center; background: #123c5d; } .formas-pago { text-align: center; } .compra-por-internet-celular { font-size: 25px; } /*********************FIN DESCUENTO 10% MÁS 10% *************************/ /********************* INICIO SERVICIO A BORDO ETN *************************/ .contenedor-iconos-de-servicios { background: #123c5d; border-radius: 8px; padding-bottom: 20px; padding-top: 20px; } .servicios-division { width: 11.1%; display: inline-block; } /*********************FIN SERVICIO A BORDO ETN *************************/ /********* ultimos estilos**********/ @media screen and (max-width: 765px) { .sitios { display: none; } } @media screen and (max-width: 765px) { .espacio-iamgenes { display: none; } } @media screen and (max-width: 2250px) { .seccion-destinos-etn { display: none; } .seccion-destinos-comida-etn { display: none; } } @media screen and (max-width: 765) { .destinos-por-visitar { margin-top: 20px; } } @media screen and (max-width: 765) { .seccion-destinos-comida-etn { margin-top: -45px; } } @media screen and (max-width: 765px) { .seccion-destinos-etn { display: block; } .seccion-destinos-comida-etn { display: block; } } .seccion-destinos-etn { margin-top: 47px; } .seccion-destinos-comida-etn { margin-top: 25px; } h2.sección-estados-etn { font-size: 22px; font-weight: bold; text-align: center; padding: 10px; } /********* ultimos estilos**********/ /**************************************** ESTILOS DE MOSTRAR / OCULTAR ********************************/ .verticalLine { border-left: outset .5px; } .banners { background: #fff; margin-top: 10px; } .primer-banner { padding-left: 0; } .banner-medio { padding-right: 7.5px; padding-left: 7.5px; } .segundo-banner-der { padding-right: 0; } .mini-banner { padding-right: 0; } .banner-medio img { width: 100%; margin-bottom: 10px; } .mini-banner img { margin-bottom: 10px; width: 100%; } .primer-banner img { margin-bottom: 10px; width: 100%; } .segundo-banner img { margin-bottom: 10px; width: 100%; } .segundo-banner-der img { margin-bottom: 10px; width: 100%; } @media screen and (max-width: 767px) { .primer-banner { padding-right: 7.5px; padding-left: 7.5px; } .banner-medio { padding-right: 7.5px; padding-left: 7.5px; } .segundo-banner-der { padding-right: 7.5px; padding-left: 7.5px; } .mini-banner { padding-right: 7.5px; padding-left: 7.5px; } } /* INICIO DE TERMINOS Y CONDICIONES DE HOT SALE*/ .terminos-condiciones { text-align: justify !important; font-size: 18px; } #titu-terminos-condiciones { font-size: 20px; font-weight: bold; } /*FIN DE TERMINOS Y CONDICIONES DE HOT SALE*/ /****nuevos estilos landing ****/ img.comidas-a-disfrutar-toluca { width: 100%; clip-path: circle(); -webkit-clip-path: circle(); -moz-clip-path: circle(); -o-clip-path: circle(); -ms-clip-path: circle(); } /****nuevos estilos landing ****/ /******** nuevos estilos viajero anticipado**********/ .viajero-anticipado { background: #fff; margin-bottom: 10px; } img.imagen-viajero-protegido { width: 30%; } img.imagen-hot-tickets { width: 80%; } .titulo-viajeroanticipado { margin-top: 10px; padding: 25px; } h1.titulo-viajero { text-align: center; font-size: 22px; color: #123c5d; } .texto-descuentos { text-align: center; color: #123c5d; font-size: 20px; } .iconos-viajeros { width: 25%; } .iconos-viajeros-texto { width: 5%; } @media screen and (max-width: 991px) { .iconos-viajeros { width: 15%; } .iconos-viajeros-texto { width: 10%; } } @media screen and (max-width: 767px) { .iconos-viajeros { width: 10%; } .iconos-viajeros-texto { width: 10%; } } @media screen and (max-width: 500px) { .iconos-viajeros { width: 25%; } .iconos-viajeros-texto { width: 18%; } } .programa-descuento { text-align: center; } #frases-descuentos { color: #123c5d; font-weight: bold; } .imagen-viajero-protegido { text-align: center; } .imagenes-texto { margin-top: 20px; } .enunciados-viajero { color: #123c5d; font-size: 18px; font-weight: bold; } .subtitulos-viajero { background: #7ba7ae; font-size: 16px; font-weight: bold; text-align: center; color: #fff } .texto-resumen { padding: 50px; margin-top: 10px; } .parte-uno { text-align: center; } ul.listas { text-align: left; display: inline-block; font-size: 17px; } .viajero-etn { color: #123c5d; font-size: 16px; text-align: justify; font-size: 16px; } .estela-etn { margin-top: 6px; width: 50px; position: absolute; } @media screen and (max-width: 579px) { .estela-etn { display: none; } } /******** fin nuevos estilos viajero anticipado**********/ .img-buen-fin { text-align: center; } .banner-bf { margin: 0 auto; text-align: center !important; width: 80%; } .negritasb { font-weight: bold !important; -webkit-font-smoothing: antialiased; } /******** nuesvos estilos landing*********/ ul.sitios { height: 10px; display: flex; justify-content: center; list-style: none; margin-top: -20px; } li.enlaces-etn { padding: 10px; cursor: pointer; font-size: 18px; } .destinos-a-visitar { margin-top: 40px; } @media screen and (max-width: 991px) { li.enlaces-etn { font-size: 13px; } } @media screen and (max-width: 760px) { li.enlaces-etn { display: none; } } p.cuadro-resumen { color: #123c5d; text-align: center; font-size: 21px; padding: 30px; } p.cuadro-platillos { text-align: center; color: #123c5d; font-size: 21px; padding: 30px; } @media screen and (max-width: 414px) { p.cuadro-platillos { text-align: left; } } /******** fin nuevos estilos alnding*****/ /* //////////////////////// //////////////////////// CORTAR A PARTIR DE AQUÍ //////////////////////// //////////////////////// ESTILOS IRAPUATO NUEVOS //////////////////////// //////////////////////// */ /***************** COLORES Y BACKGROUNDS *****************/ .main-bg-azulETN { background-color: #00416A; } .main-bg-azul1 { background-color: #16436A; } .main-bg-azul2 { background-color: #4F86A0; } .main-bg-azul3 { background-color: #2093D2; } .main-bg-blanco { background-color: #EEEDED; } .main-bg-verde { background-color: #42B06B; } .main-color-azul1 { color: #003A73; } .main-color-azul2 { color: #4F86A0; } .main-color-azul3 { color: #2093D2; } .main-color-blanco { color: #EEEDED; } .main-border-azul { border: 1px solid #16436A } /***************** FIN COLORES Y BACKGROUNDS *****************/ .imagen-etn-irapuato { background: #123c5d; text-align: center; } .contenido-irapuato-fondo { background: #fff; } .contenedor-inicio .container { background-color: #fff !important; } @media screen and (max-width: 420px) { img.logo-landing-irapuato { width: 100%; } } h1.titulo-principal-irapuato { text-align: center; color: #123c5d; font-weight: bold; font-size: 25px; padding-top: 20px; } .bg-etn { background: #123C5D; } .text-etn { color: #123C5D; } @import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Sriracha&display=swap'); .contenedor-inicio { background-image: url(../img/landings-destinos/irapuato/paisaje-irapuato.webp); background-position: center; background-size: cover; background-attachment: fixed; border-bottom-right-radius: 15.25rem; border-bottom-left-radius: 15.25rem; height: 93vh; } .contenedor-inicio h1 { text-align: center; color: #123c5d; font-weight: bold; font-size: 25px; padding-top: 20px; } .contenedor-inicio h1 .main-bg-blanco { background-color: #fff; font-weight: bolder; letter-spacing: 15px; } @media screen and (max-width:500px) { .contenedor-inicio h1 .main-bg-blanco { letter-spacing: normal; } } @media screen and (max-width:1000px) { .contenedor-inicio h1 .bg-dark { opacity: 0.8; } } .contenedor-inicio h1 .bg-dark { font-family: 'Permanent Marker', 'cursive'; font-weight: lighter; } div.platillos { background-image: url(../img/landings-destinos/irapuato/zona-arqueologica-irapuato.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } .platillos div.bg-dark { opacity: 0.85; } .platillos div.bg-dark .container { opacity: 1.5; } /* //////////////////////// //////////////////////// FIN CORTAR A PARTIR DE AQUÍ //////////////////////// //////////////////////// FIN ESTILOS IRAPUATO NUEVOS //////////////////////// //////////////////////// */ /***************** COLORES Y BACKGROUNDS *****************/ /*************** nuevas landing page etn *****************/ /****************** estilos landing page general *********************/ .imagen-principal-landing { width: 100%; margin-top: 10px; } .imagen-principal { position: relative; text-align: center; } .contenido-ubicacion-titulo { color: #fff; position: absolute; top: 54%; left: 32%; transform: translate(-50%, -50%); } .icono-ubicacion { position: absolute; top: -31%; left: 19%; transform: translate(-50%, -50%); font-size: 40px; } hr.separador { background-color: #fff; height: 1px; margin-top: -7px; } h2.titulos-landings { font-size: 80px; } @media screen and (max-width: 1100px) { .icono-ubicacion { font-size: 40px; } h2.titulos-landings { font-size: 70px; } } @media screen and (max-width: 991px) { .icono-ubicacion { font-size: 35px; top: -31%; left: 24%; transform: translate(-50%, -50%); font-size: 40px; } h2.titulos-landings { font-size: 60px; } } @media screen and (max-width: 767px) { .icono-ubicacion { font-size: 30px; } h2.titulos-landings { font-size: 45px; } } @media screen and (max-width: 575px) { .icono-ubicacion { font-size: 30px; } h2.titulos-landings { font-size: 35px; } } @media screen and (max-width: 475px) { .icono-ubicacion { font-size: 25px; } h2.titulos-landings { font-size: 30px; } } @media screen and (max-width: 442px) { .icono-ubicacion { font-size: 25px; top: -31%; left: 24%; transform: translate(-50%, -50%); } h2.titulos-landings { font-size: 30px; } } @media screen and (max-width: 390px) { .icono-ubicacion { font-size: 20px; } h2.titulos-landings { font-size: 25px; } } @media screen and (max-width: 375px) { .icono-ubicacion { font-size: 15px; } h2.titulos-landings { font-size: 22px; } } /****************** fin estilos landing page general *********************/ /****************** estilos landing page aguascalientes *********************/ .preguntas-destinos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; } h2.titulo-pregunta { font-size: 70px; font-weight: bold; } @media screen and (max-width: 991px) { h2.titulo-pregunta { font-size: 55px; } } @media screen and (max-width: 668px) { h2.titulo-pregunta { font-size: 47px; } } @media screen and (max-width: 588px) { h2.titulo-pregunta { font-size: 39px; } } @media screen and (max-width: 508px) { h2.titulo-pregunta { font-size: 36px; } } @media screen and (max-width: 478px) { h2.titulo-pregunta { font-size: 30px; } } @media screen and (max-width: 410px) { h2.titulo-pregunta { font-size: 27px; } } .seccion-Gobierno { border-radius: 0 70px 0 70px; width: 100%; display: inline-block; background-color: transparent; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/landings-destinos/aguascalientes/palacio-de-gobierno-etn.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-bottom: 80px; padding: 10px; height: 170px; } /****************** fin estilos landing page aguascalientes *********************/ /************ estilos landing page Queretaro ***********/ .seccion-qtodos { border-radius: 0 70px 0 70px; width: 100%; display: inline-block; background-color: transparent; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/landings-destinos/queretaro/acueducto-queretaro-paseo-etn.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-bottom: 80px; padding: 10px; height: 170px; } /************ fin estilos landing page Queretaro ***********/ /****************** estilos landing page lugares a visitar *********************/ .contenido-visitas { margin-top: 10px; } /****************** estilos landing page lugares a visitar *********************/ .parte-uno { background-color: #eee; border-radius: 0 85px 0 85px; } .contenido-preguntas { padding: 27px; text-align: center; margin-top: 175px; } h2.boletos-destinos { font-size: 30px; } @media screen and (max-width: 1121px) { h2.boletos-destinos { font-size: 22px; } } @media screen and (max-width: 991px) { .contenido-preguntas { margin-top: 0px; } .parte-uno { background-color: transparent; } } @media screen and (max-width: 440px) { h2.boletos-destinos { font-size: 18px; } } .visita-destinos { text-align: center; padding: 25px; margin-top: -45px; font-size: 18px; } .listas-lugares-visitar { text-align: left; display: inline-block; } a.enlaces-destinos { text-decoration: none; } a.enlaces-destinos:hover { text-decoration: underline; } .icono-mapa { position: absolute; top: 43%; left: 19%; transform: translate(-50%, -50%); font-size: 35px; } /************ fin estilos landing page GUadalajara ***********/ .seccion-centroguadalajara { border-radius: 0 70px 0 70px; width: 100%; display: inline-block; background-color: transparent; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/landings-destinos/guadalajara/centro-guadalajara-etn.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-bottom: 80px; padding: 10px; height: 170px; } /************ fin estilos landing page guadalajara ***********/ @media screen and (max-width: 1230px) { h3.guadalajara-centro { font-size: 20px; } } @media screen and (max-width: 1230px) { h3.guadalajara-centro { font-size: 20px; } } @media screen and (max-width: 991px) { h3.guadalajara-centro { font-size: 40px; } } @media screen and (max-width: 640px) { h3.guadalajara-centro { font-size: 21px; } } @media screen and (max-width: 506px) { h3.guadalajara-centro { font-size: 20px; } } @media screen and (max-width: 442px) { h3.guadalajara-centro { font-size: 20px; } } .boton-enlace { position: absolute; top: 76%; left: 50%; transform: translate(-50%, -50%); } .boton-enlace { background-color: #d6d6d6 !important; border-color: #d6d6d6; color: #123c5d !important; font-weight: bold; width: 160px; } .cabeza-modal { background-color: #123c5d !important; } .cerrar-ventana { color: #fff; } h3.encabezado-titulos { font-size: 18px; color: #fff; } @media screen and (max-width: 410px) { h3.encabezado-titulos { font-size: 14px; } } @media screen and (max-width: 320px) { h3.encabezado-titulos { font-size: 11px; } } img.ventanillas-imagenes { width: 100% } .mostrar-texto { position: absolute; } .fondo-texto { background-color: #123c5de8; z-index: 2000; } p.cuadro-texto { color: #123c5d; text-align: justify; font-size: 18px; padding: 15px; } .color-fondo { background-color: #123c5d; } .boton-cerrar { background-color: #fff !important; border-color: #fff; color: #123c5d !important; width: 100px; font-weight: bold; } /****************** fin estilos landing page lugares a visitar *********************/ @media screen and (max-width: 621px) { h3.aguascalientes-centro, h3.cuernavaca-centro, h3.culiacan-centro, h3.guanajuato-centro, h3.leon-centro, h3.guanajuato-centro, h3.manzanillo-centro, h3.norte-centro, h3.poniente-centro, h3.sur-centro, h3.monterrey-centro, h3.morelia-centro, h3.puebla-centro, h3.vallarta-centro, h3.Queretaro-centro, h3.potosi-centro, h3.allende-centro, h3.tequis-centro, h3.tlaque-centro, h3.toluca-centro, h3.torreon-centro, h3.zapopan-centro, h3.guadalajara-centro { text-align: center; } } @media screen and (max-width: 377px) { h3.aguascalientes-centro, h3.cuernavaca-centro, h3.culiacan-centro, h3.guanajuato-centro, h3.leon-centro, h3.guanajuato-centro, h3.manzanillo-centro, h3.norte-centro, h3.poniente-centro, h3.sur-centro, h3.monterrey-centro, h3.morelia-centro, h3.puebla-centro, h3.vallarta-centro, h3.Queretaro-centro, h3.potosi-centro, h3.allende-centro, h3.tequis-centro, h3.tlaque-centro, h3.toluca-centro, h3.torreon-centro, h3.zapopan-centro, h3.guadalajara-centro { font-size: 23px; } } /****************** fin estilos landing page lugares a visitar *********************/ .lugares-etn-comida { margin-top: 30px; } hr.divisiones-lugares { height: 5px; background-color: #123c5d; border-radius: 300px; margin-top: 30px; } .visitas { text-align: center; } .comida-hotel { font-size: 35px; } h2.lugares-a-comer-etn { font-size: 26px; color: #117a8b; font-weight: bold; } /****************** estilos landing page comida *********************/ .contenido-visitas { margin-top: 10px; } h1.pregunta-titulo { color: #117a8b; } @media screen and (max-width: 991px) { .preguntas-destinos { position: relative; left: 50%; transform: translate(-50%, -50%); font-size: 35px; padding: 45px; background-color: #eee; margin-top: 15px; border-radius: 0 70px 0 70px; } h1.pregunta-titulo { text-align: center; margin-top: 20px; } .titulo-pregunta { font-size: 40px; } } @media screen and (max-width: 665px) { h1.pregunta-titulo { font-size: 30px; } } @media screen and (max-width: 487px) { h1.pregunta-titulo { font-size: 25px; } } @media screen and (max-width: 386px) { h1.pregunta-titulo { font-size: 22px; } } @media screen and (max-width: 448px) { h1.pregunta-titulo { font-size: 21px; } } p.cuadro-resumen { color: #123c5d; text-align: justify; font-size: 25px; padding: 30px; } @media screen and (max-width: 414px) { p.cuadro-resumen { text-align: left; font-size: 21px; } } @media screen and (max-width: 377px) { p.cuadro-resumen { text-align: left; font-size: 18px; } } .sección-comida { text-align: center; } img.comidas-a-disfrutar { width: 64%; clip-path: circle(); -webkit-clip-path: circle(); -moz-clip-path: circle(); -o-clip-path: circle(); -ms-clip-path: circle(); background-color: #117a8b; padding: 0px; height: 200px; } @media screen and (max-width: 414px) { img.comidas-a-disfrutar { height: 245px; } } @media screen and (max-width: 375px) { img.comidas-a-disfrutar { height: 230px; width: 71%; } } /*@media screen and (max-width: 991px) { img.comidas-a-disfrutar { width: 100%; } } @media screen and (max-width: 880px) { img.comidas-a-disfrutar { width: 100%; margin-left: -25px; } } @media screen and (max-width: 767px) { img.comidas-a-disfrutar { width: 75%; margin-left: 0px; } } @media screen and (max-width: 600px) { img.comidas-a-disfrutar { width: 90%; } } @media screen and (max-width: 550px) { img.comidas-a-disfrutar { width: 100%; } } @media screen and (max-width: 450px) { img.comidas-a-disfrutar { width: 100%; } } @media screen and (max-width: 414px) { img.comidas-a-disfrutar { width: 100%; } } @media screen and (max-width: 420px) { img.comidas-a-disfrutar { width: 100%; } } ***/ img.comidas-a-disfrutar-chiltepinos { padding: 15px; width: 70%; clip-path: circle(); -webkit-clip-path: circle(); -moz-clip-path: circle(); -o-clip-path: circle(); -ms-clip-path: circle(); background-color: #117a8b; } @media screen and (max-width: 767px) { img.comidas-a-disfrutar-chiltepinos { width: 40%; } } @media screen and (max-width: 650px) { img.comidas-a-disfrutar-chiltepinos { width: 40%; } } @media screen and (max-width: 550px) { img.comidas-a-disfrutar-chiltepinos { width: 45%; } } @media screen and (max-width: 420px) { img.comidas-a-disfrutar-chiltepinos { width: 60%; } } @media screen and (max-width: 400px) { img.comidas-a-disfrutar-chiltepinos { width: 60%; } } @media screen and (max-width: 375px) { img.comidas-a-disfrutar-chiltepinos { width: 75%; } } .contenido-texto { text-align: center; margin-top: 10px; } .boton-mostrar { background-color: #117a8b !important; border-color: #117a8b; color: #fff !important; width: 200px; } .texto-etn { margin-top: 10px; border-radius: 8px; background-color: #fff; color: #123c3d !important; text-align: justify; } p.comidas-tipicas { color: #123c5d; font-size: 18px; text-align: justify; } /****************** fin estilos landing page lugarescomida *********************/ /************estilos landing page viaja ahorrando ***********/ img.viaja-ahorrando-etn { width: 100%; margin-top: 10px; } h1.titulo-viajaahorrando { color: #123c5d; font-size: 40px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .recuadro-titulo { background-color: #eee; border-radius: 0 285px 0 0; } @media (max-width: 991px) { .recuadro-titulo { padding: 45px; } h2.titulo-pregunta { font-size: 40px; font-weight: bold; text-align: center; } } @media (max-width: 485px) { h2.titulo-pregunta { font-size: 30px; } } @media (max-width: 394px) { h2.titulo-pregunta { font-size: 25px; } } @media (max-width: 348px) { h2.titulo-pregunta { font-size: 21px; } } .contenido-video { margin-top: 10px; } h2.titulo-ahorrando { color: #117a8b; text-align: center; } p.texto-viaja-ahorrando { text-align: justify; font-size: 18px; margin-top: 20px; padding: 15px; } @media (max-width: 755px) { h2.titulo-ahorrando { font-size: 27px; } } @media (max-width: 575px) { h1.titulo-viajaahorrando { font-size: 25px; } h2.titulo-ahorrando { font-size: 20px; } } @media (max-width: 470px) { h1.titulo-viajaahorrando { font-size: 19px; } h2.titulo-ahorrando { font-size: 17px; } } .descripcion-ahorrando { margin-top: 30px; } .divisiones-columnasa { height: 5px; background-color: #123c5d; border-radius: 300px; margin-top: 30px; } .funcion-ahorrando { font-size: 35px; } .parrafo-funcionamiento { margin-top: 20px; } p.funcion-viaja-ahorrando { margin-top: 20px; text-align: justify; font-size: 18px; padding: 30px; } img.viaja-ahorrando-etn-uno { width: 100%; } img.viaja-ahorrando-etn-dos { width: 100%; } .icono-conf { color: #123c5d; font-size: 50px; } /************ fin estilos landing page viaja ahorrando ***********/ /***************** estilos landing viaja más ***************/ .contenedor-viaja-mas { background: #fff; margin-bottom: 10px; margin-top: 95px; } .recuadro-tituloviajamas { background-color: #eee; border-radius: 0 285px 0 0; } @media (max-width: 991px) { .recuadro-tituloviajamas { border-radius: 8px; } } h1.titulo-viajamasetn { color: #117a8b; text-align: center; } @media (max-width: 457px) { h1.titulo-viajamasetn { font-size: 30px; } } @media (max-width: 530px) { h1.titulo-viajamasetn { font-size: 22px; } } .viaja-mas-etn { width: 100%; margin-top: 10px; } .contenido-registro { margin-top: 15px; } p.texto-viaja-mas { text-align: justify; color: #123c5d; font-weight: bold; font-size: 18px; margin-top: 20px; padding: 15px; } .columnaboton-viajamas { text-align: center; } img.boton-registroviaja { width: 35%; } @media screen and (max-width: 520px) { img.boton-registroviaja { width: 45%; } } @media screen and (max-width: 370px) { img.boton-registroviaja { width: 60%; } } .icono-porcentanje { border: 2px solid #123c5d; font-size: 30px; padding: 10px; border-radius: 30px; } /******** tabla viaja más *****************/ table.tabla-viajamas { margin: 0; padding: 0; width: 100%; margin-top: 20px; } table.tabla-viajamas caption { font-size: 1.5em; margin: .25em 0 .75em; } tr.cabecera-tablas { background: #123c5d; border: 1px solid #eee; color: #fff; padding: .35em; border-radius: 8px; } table.tabla-viajamas th, table.tabla-viajamas td { padding: .625em; text-align: center; } table.tabla-viajamas th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } table.tabla-viajamas td img { text-align: center; } @media screen and (max-width: 991px) { table.tabla-viajamas { border: 2px solid #123c5d; border-radius: 8px; } table.tabla-viajamas caption { font-size: 1.3em; } table.tabla-viajamas thead { display: none; } table.tabla-viajamas tr { border-bottom: 3px solid #123c5d; display: block; margin-bottom: .625em; } table.tabla-viajamas td { border-bottom: 1px solid #123c5d; display: block; font-size: .8em; text-align: right; } table.tabla-viajamas td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table.tabla-viajamas td:last-child { border-bottom: 0; } } .datos-usuario { margin-top: 13px; height: 0px; } #negritas { font-weight: bold !important; } @media screen and (max-width: 633px) { h6.titulos-tablas { font-size: 14px; } } /****** fin tabla viaja más********** ***/ /************* estilos landing viaja más *******************/ /******************** estilos landing servicios a bordo etn*********/ img.servicios-a-bordo-etn { width: 100%; margin-top: 10px; } h1.titulo-servicos-etn { color: #117a8b; text-align: center; } .cuadro-servicios-etn { margin-top: 70px; } .servicios-centrados { text-align: center; } .servicios-etn { width: 65%; } .servicios-abordo-etn { width: 50%; } @media screen and (max-width: 991px) { .servicios-etn { width: 40%; } .servicios-abordo-etn { width: 40%; } } @media screen and (max-width: 640px) { h1.titulo-servicos-etn { font-size: 30px; } .servicios-etn { width: 40%; } } .titulos-enlaces-abordo { color: #117a8b; text-align: center; font-size: 25px; padding: 10px; } .seccion-a-bordo { text-align: center; } img.enlaces-imagenes-servicios { width: 50%; clip-path: circle(); -webkit-clip-path: circle(); -moz-clip-path: circle(); -o-clip-path: circle(); -ms-clip-path: circle(); background-color: #117a8b; padding: 0px; } @media screen and (max-width: 991px) { img.enlaces-imagenes-servicios { width: 75%; } } @media screen and (max-width: 767px) { img.enlaces-imagenes-servicios { width: 40%; } } @media screen and (max-width: 500px) { img.enlaces-imagenes-servicios { width: 50%; } } /*************** fin estilos landing servicios a bordo etn*********/ /*************** estilos landing hotel etn*********/ img.benidorm-etn { width: 100%; margin-top: 10px; } .lista-hotel { font-size: 18px; } .cuadro-hotel-benidorm { text-align: center; color: #123c5d; font-size: 21px; padding: 30px; } .sección-hotel-mexico { text-align: center; } h2.titulo-pregunta-hotel { font-size: 70px; font-weight: bold; } @media screen and (max-width: 1190px) { h2.titulo-pregunta-hotel { font-size: 50px; font-weight: bold; } } @media screen and (max-width: 991px) { h2.titulo-pregunta-hotel { text-align: center; } } @media screen and (max-width: 450px) { h2.titulo-pregunta-hotel { text-align: center; font-size: 40px; } } p.cuadro-resumen-hotel { color: #123c5d; text-align: justify; font-size: 22px; padding: 30px; } @media screen and (max-width: 360px) { p.cuadro-resumen-hotel { font-size: 19px; } } h3.titulos-hotel-benidorm { color: #117a8b; text-align: center; font-size: 25px; padding: 10px; } h3.hotel-centro { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1520px) { h3.hotel-centro { font-size: 20px; } } @media screen and (max-width: 420px) { .icono-mapa { display: none; } h3.hotel-centro { font-size: 16px; } } @media screen and (max-width: 340px) { h3.hotel-centro { text-align: center; font-size: 15px; } } /*************** fin estilos landing hotel etn******/ /*************** terminales de autobus *******************/ img.terminal-norte { width: 100%; margin-top: 10px; } .ubicacion-terminales { font-size: 18px; } .icono-peso { width: 13%; } @media screen and (max-width: 415px) { .icono-peso { width: 20%; } } img.terminal-poniente { width: 100%; margin-top: 10px; } img.terminal-toluca { width: 100%; margin-top: 10px; } p.parrafo-landings { font-size: 18px; } /*************** fin terminales de autobus*************/ /*************** estilos descuentos etn*************/ .contenido-descuentos-etn { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .bg-blanco { background-color: #FFF; padding-left: 7px !important; padding-right: 7px !important; } .col-personal4 { background-color: #17a2b8; width: 100%; height: 94%; margin-top: 15px; } .img-descuentos { width: 10%; margin-top: 10px; } .img-descuentos { width: 10%; margin-top: 10px; } .descuento-1 { text-align: left; padding-top: 30px; color: #003a5d; font-size: 23px; } .descuento-2 { text-align: left; padding-top: 30px; color: #17a2b8; font-size: 23px; } @media screen and (max-width: 1350px) and (min-width: 901px) { .descuento-1, .descuento-2 { padding-top: 20px; } } @media screen and (max-width: 900px) and (min-width: 768px) { .descuento-1, .descuento-2 { padding-top: 15px; font-size: 18px; } } @media screen and (max-width: 499px) and (min-width: 371px) { .descuento-1, .descuento-2 { padding-top: 25px; font-size: 18px; } } @media screen and (max-width: 370px) { .descuento-1, .descuento-2 { padding-top: 20px; font-size: 18px; } } .img-banner2 { width: 55%; padding-bottom: 30px; } @media screen and (max-width: 767px) { .img-banner2 { width: 29% !important; } } @media screen and (max-width: 500px) { .img-banner2 { width: 42% !important; } } @media screen and (max-width: 400px) { .img-banner2 { width: 50% !important; } } .img-banner3 { width: 55%; padding-bottom: 30px; } @media screen and (max-width: 767px) { .img-banner3 { width: 30% !important; } } @media screen and (max-width: 400px) { .img-banner3 { width: 50% !important; } } .texto-pie-imagen { text-align: center; color: #123c5d; font-size: 23px; padding-bottom: 15px; } .texto-pie-imagen-anticipado { text-align: center; color: #17a2b8; font-size: 23px; padding-bottom: 15px; } @media screen and (max-width: 1712px) { .texto-pie-imagen, .texto-pie-imagen-anticipado { font-size: 18px; } } @media screen and (max-width: 939px) { .texto-pie-imagen, .texto-pie-imagen-anticipado { font-size: 18px; } } .col-personal5 { background-color: #123c5d; width: 100%; height: 94%; margin-top: 15px; } @media screen and (max-width: 991px) { .col-personal5 { margin-top: 15px; } } @media screen and (max-width: 767px) { .col-personal5 { background-color: #123c5d; width: 100%; height: 94%; margin-top: -1px !important; } } @media screen and (max-width: 500px) { .col-personal5 { margin-top: 5px !important; } } .col-personal6 { background-color: #17a2b8; width: 100%; height: 94%; margin-top: 15px; } @media screen and (max-width: 991px) { .col-personal6 { margin-top: 16px; } } @media screen and (max-width: 991px) { .col-personal6 { height: 94% !important; } } @media screen and (max-width: 767px) { .col-personal6 { margin-top: -16px; height: 100% !important; } } @media screen and (max-width: 500px) { .col-personal6 { margin-top: -6px; } } .img-descuentos { width: 10%; margin-top: 10px; } /*************** fin estilos descuentos etn*************/ /******************Estilos landing 10&15***********************/ .cuadro-descuentos-landing { margin-top: -65px; } @media screen and (max-width: 500px) { .cuadro-descuentos-landing { margin-top: -75px; } } h1.titulo-descuentos-etn { font-style: italic !important; font-size: 3.5rem; font-weight: 300; line-height: 1.2; } h2.descuento-compra { font-size: 30px; } .btn-etn { background-color: #123c5d !important; color: #fff !important; } .text-etn { color: #123c5d; } img.descuentos-quince-etn { width: 60%; } @media screen and (min-width: 767px) { img.descuentos-quince-etn { width: 40%; } } /******************FIN Estilos landing 10&15***********************/ /******************Estilos landing formasdepago*********************/ .rounded_formas { border-radius: 0 50px 0 50px; } .rounded_formas-2 { border-radius: 50px 0 50px 0; } .btn-formaspa { background-color: #eeeeee; color: #123c5d; } .bg-etn { background-color: #123c5d; } @media screen and (min-width: 1000px) { .rounded_formas div, .rounded_formas-2 div { text-align: right; margin-right: 150px; } } @media screen and (min-width:964px) { .descubre_formas { text-align: left !important; } } /******************FIN Estilos landing formasdepago*********************/ /************** estilos enlaces landing*********/ .interes-etn { background: #fff; color: #123c5d; margin-top: 40px; text-align: center; } .visita-y-compra-etn-landing { font-size: 22px; color: #123c5d; font-weight: bold; text-align: center; padding-top: 20px; } .compra-boletos-etn-landing { font-size: 22px; color: #117a8b; font-weight: bold; text-align: center; } a.temas { color: #123c5d; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; } #subtitulo-landings { font-size: 20px; margin-top: 20px; color: #fff; } #parrafo-landings { margin-top: 20px !important; padding: 10px; } a.temas-interes { color: #123c5d; padding: 15px; text-align: center; font-size: 18px; font-weight: bold; } #subtitulo-landings { color: #123c5d; font-weight: bold; } /************** fin estilos enlaces landing ***********/ /****************** fin estilos landing page *********************/ /********************* INICIO RECARGA TIEMPO AIRE *************************/ .recarga-tiempoaireetn { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; } h1.titulo-tiempo-aire { font-size: 70px; font-weight: bold; } @media screen and (max-width:1640px) { h1.titulo-tiempo-aire { font-size: 55px; } } @media screen and (max-width:1330px) { h1.titulo-tiempo-aire { font-size: 50px; } } @media screen and (max-width:1265px) { h1.titulo-tiempo-aire { font-size: 42px; } } @media screen and (max-width:991px) { h1.titulo-tiempo-aire { font-size: 45px; } h2.frases-recarga { text-align: center; } .recarga-tiempoaireetn { position: relative; } } @media screen and (max-width:633px) { h1.titulo-tiempo-aire { font-size: 25px; } h2.frases-recarga { font-size: 25px; } } h2.frases-recarga { color: #117a8b; text-align: left; } .cuadro-frase-recarga { text-align: left; font-size: 23px; color: #123c5d; } @media screen and (max-width:991px) { h2.frases-recarga { text-align: center; } .cuadro-frase-recarga { text-align: center; } } .img-tiempo-aire { width: 100%; border-radius: 0 50px 0 50px; } .ubicacion-recarga { color: #123c5d; font-size: 18px; } /*********************FIN RECARGA TIEMPO AIRE *************************/ /*************** nuevas landing page etn *****************/ /**estilos para posponer carga de imágnes*****/ .lazyLoad { opacity: 0; } .visible { transition: opacity 1000ms ease; opacity: 1; } /***********END estilos carga de imágenes************/ /***********estilos viaje en corto ************/ .terminos-vajaencorto { margin-top: 20px; } h1.titulo-viajaencorto { color: #17a2b8; font-size: 30px; text-align: left; } .terminos-leyendas { text-align: left; color: #123c5d; font-size: 22px; line-height: 200%; padding-bottom: 20px; } .telefono-viajeencorto { color: #123c5d; font-size: 18px; line-height: 2.2; } .tablas-viaje-encorto { border: 1px solid #123c5d; } .encabezado-tabla { background: #17a2b8; color: #fff; } .text-white { color: #123c5d !important; text-align: center; font-size: 22px; } /*********** fin estilos viaje en corto ************/ /************ estilos etn city express*********/ .cuerpo-landing-city { margin-top: 20px; } h1.titulo-etn-city { font-size: 30px; color: #7ba7ae !important; } p.texto-etncity { font-size: 23px; color: #123c5d; } h2.titulo-rutas-city { font-size: 27px; color: #123c5d; } ul.lista-etncity { font-size: 22px; } /************ estilos etn city express*********/ /************** Outlet de viajes ETN**************/ #secciones-outlet { margin-top: 20px; } h1.titulo-outlet { font-size: 35px; color: #123c5d; font-weight: bold; text-align: center; } p.texto-primario { font-size: 19px; text-align: center; color: #123c5d; padding: 50px; } h2.titulo-terminos { background: #7ba7ae; font-size: 22px; font-weight: bold; text-align: center; color: #fff; padding: 25px; border-radius: 0 35px 0 35px; } .estela-viajes { margin-top: -90px; float: right; width: 90px; } ol.terminos-listaoutlet { font-size: 20px; line-height: 1.70; } p.politicas-Referenciados { font-size: 22px; color: #123c5d; font-weight: bold; } p.lista-rutas-outlet { font-size: 22px; color: #123c5d; font-weight: bold; } @media screen and (max-width:640px) { .estela-viajes { margin-top: -77px; width: 70px; } p.politicas-Referenciados { text-align: center; } @media screen and (max-width:450px) { h1.titulo-outlet { font-size: 30px; } p.texto-primario { margin-top: 0px; padding: 0px; } .estela-viajes { margin-top: -70px; width: 50px; } } @media screen and (max-width:430px) { .estela-viajes { display: none; } } @media screen and (max-width:350px) { h1.titulo-outlet { font-size: 30px; } p.texto-primario { margin-top: 0px; padding: 0px; } .estela-viajes { display: none; } } } /*Estilos Carlos*/ ul.terminos-listaoutlet { font-size: 20px; line-height: 1.70; } /* Needed for etn carrusel /* stylelint-disable declaration-no-important */ /* @media only screen and (max-width: 900px) { .itemscope { margin-top: 253px !important; } } @media only screen and (max-width: 640px) { .itemscope { margin-top: 350px !important; } } @media screen and (max-width: 640px) { .funnel_reservamos { margin-top: 31px !important; } }*/ .lista-outlet-terminos{ padding: 40px; } @media screen and (max-width: 501px) { .lista-outlet-terminos{ padding: 0px; } } .primera-imagendestino-etn { width: 100%; height: 100%; } .row-descuentos { width: 100%; } .col-descuentos { padding-top: 5px; margin-top: 5px; padding: 1px; } @media screen and (min-width: 501px) { .col-decuentos { padding: 2px; } } /*.col-descuentos { padding-left: 0px !important; padding-right: 0px !important; }*/ .encabezado-paypal{ background: #FFF; margin-top: 0px; margin-bottom: 0px; } #combo-ventas { position: absolute; height: 530px; z-index: 1000;} .carrusel, .principal-descuentos { margin-top: 0px; z-index: 1;} @media screen and (max-width: 1177px) {.carrusel, .principal-descuentos { margin-top: 130x; z-index: 1;}} @media screen and (max-width: 1069px) {.carrusel, .principal-descuentos { margin-top: 0px;}} @media screen and (max-width: 992px) {.principal-descuentos { margin-top: 0px; }} @media screen and (max-width: 991px) {#combo-ventas {width: 100%;}.carrusel, .principal-descuentos { margin-top: 0px; }} @media screen and (max-width: 900px) {#combo-ventas {width: 100%; }.carrusel, .principal-descuentos { margin-top: 0px;}} @media screen and (max-width: 649px) {/*#combo-ventas { width: 100%;}*/.carrusel, .principal-descuentos { margin-top: 0px;}} @media screen and (max-width: 640px) {#combo-ventas {width: 100%;}.carrusel, .principal-descuentos { margin-top: 0px;}} @media screen and (max-width: 387px) {#combo-ventas { width: 100%;}.carrusel, .principal-descuentos {margin-top: 0px;}} .color-azul-etn{ color: #123c5d !important; } .titulo-etn { color: #117a8b; } .w-15{ width: 15%!important; } h2.filas-rutas { color: #000; font-size: 1rem; color: #123c5d; font-weight: 500; } /* Landing Lecheria */ .header-turistico{ display: flex; flex-direction: column; width: 100%; text-align: center; margin: 30px 0; } .destinos-turisticos{ width: 100%; display: flex; flex-direction: column; } .destinos-turisticos li{ margin: 15px 0; } .cont-bus{ width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; margin: 30px 0; } .bus-image{ width: 50%; padding: 15px; } .bus-image img{ width: 100%; } .bus-text{ width: 50%; padding: 15px; text-align: center; } .turistico{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px 0; padding: 20px; } .imagen-destino{ width: 40%; margin: 0 2%; background-color: gray; box-shadow: 5px 5px 20px black; } .info-destino{ width: 40%; margin: 0 2%; display: flex; flex-direction: column; padding: 20px; font-size: 20px; text-align: justify; box-shadow: 5px 5px 20px #d7d7d7; background-color: #f2f2f2; border-radius: 15px; } .lecheria{ display: flex; flex-direction: column; width: 80%; background-color: #fff; margin: 120px 10% 0 10%; } .lecheria img, .lecheria h3{ margin: 30px 0; } .info-ruta{ width: 100%; background-color: #fff; } .blts { display: none; } @media only screen and (max-width: 576px) { .widget { height: 480px; padding-top: 40px; } .reservamos-search .title-wrapper { margin-bottom: 25px; } .reservamos-search.compact-height input[type=text] { height: 60px; } .reservamos-search .form-field, .reservamos-search .form-field-date { margin-bottom: 20px; } .reservamos-search.compact-height .search-button { height: 80px !important; max-height: 80px !important; } .blts { display: block; } } .reservamos-search .search-button { color: #003a5d !important; font-weight: 700 !important; }