.form-entry-listids .form-entry-content { margin-left: 130px; } .admin-section-item.as-modules-viajes a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/viajes.png"); } .admin-section-item.as-modules-viajes-ofertas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/ofertas.png"); } .admin-section-item.as-modules-viajes-categorias a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/categorias.png"); } .admin-section-item.as-modules-viajes-hoteles a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/hoteles.png"); } .admin-section-item.as-modules-viajes-destinos a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/destinos.png"); } .admin-section-item.as-modules-viajes-visitas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/visitas.png"); } .admin-section-item.as-modules-viajes-sliders a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/sliders.png"); } .admin-section-item.as-modules-viajes-reservas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/reservas.png"); } .admin-section-item.as-modules-viajes-facturas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/facturas.png"); } .admin-section-item.as-modules-viajes-corresponsal a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/corresponsal.png"); } .admin-section-item.as-modules-viajes-alacarta a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/alacarta.png"); } .admin-section-item.as-modules-viajes-confirmaciones a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/confirmaciones.png"); } .admin-section-item.as-modules-viajes-cupos a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/cupos.png"); } .admin-section-item.as-modules-viajes-estadisticas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/estadisticas.png"); } .button-IrActualizador { height: 30px; padding: 9px 0; margin-bottom: 0; color: #fff; font-weight: bold; font-size: 12px; background: url("https://www.karnaktravels.com/template/TM/imagenes/submit.png") repeat-x; -moz-box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3); box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3); } .ciudad-1-Fechas-Calendario, .ciudad-2-Fechas-Calendario, .ciudad-3-Fechas-Calendario, .ciudad-4-Fechas-Calendario, .ciudad-5-Fechas-Calendario, .ciudad-6-Fechas-Calendario, .ciudad-7-Fechas-Calendario, .ciudad-8-Fechas-Calendario, .ciudad-9-Fechas-Calendario, .ciudad-10-Fechas-Calendario { float:left; width: auto; } .foto-hotel { background-color: #FFFFFF; border: 1px solid #DADAD8; padding: 7px; } .sombra-hotel { float: left; margin-bottom: 0px; margin-right: 20px; padding-bottom: 7px; background: url("https://www.karnaktravels.com/template/TM/imagenes/sombra-hotel.png") no-repeat scroll center bottom transparent; } div.reserva-estado { width: 240px; height: 33px; margin: 0 auto; background: url("https://www.karnaktravels.com/template/TM/images/sprites-estado.png") no-repeat 0px 0px; background-size: 80%; } div.reserva-estado.confirmada { background: url("https://www.karnaktravels.com/template/TM/images/sprites-estado.png") no-repeat 0px -34px; background-size: 80%; } div.reserva-estado.emitida { background: url("https://www.karnaktravels.com/template/TM/images/sprites-estado.png") no-repeat 0px -68px; background-size: 80%; } div.reserva-estado.enviada { background: url("https://www.karnaktravels.com/template/TM/images/sprites-estado.png") no-repeat 0px -102px; background-size: 80%; } div.reserva-estado.cancelada { background: url("https://www.karnaktravels.com/template/TM/images/sprites-estado.png") no-repeat 0px -80px; } .form-entry.form-entry-notasinternas .form-entry-title { text-align: left; margin: 30px 0 0 90px; } .form-entry-notasinternas .form-entry-content { float: left; clear: both; margin-left: 90px; } .form-entry-listids .form-entry-content { margin-left: 130px; } .admin-section-item.as-modules-acceso a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/agencias.png"); } .admin-section-item.as-modules-acceso-cuentas a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/agencias-cuentas.png"); } .admin-section-item.as-modules-acceso-emailacceso a { background-image: url("https://www.karnaktravels.com/lib/icons/viajes/agencias-email.png"); } .as-modules-members a { background-image: url("https://www.karnaktravels.com/lib/icons/48/user_auth.png"); }     @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }   @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("https://www.karnaktravels.com/template/fonts/material-icons.eot"); src: url("https://www.karnaktravels.com/template/fonts/material-icons.eot?#iefix") format("embedded-opentype"), url("https://www.karnaktravels.com/template/fonts/material-icons.woff2") format("woff2"), url("https://www.karnaktravels.com/template/fonts/material-icons.woff") format("woff"), url("https://www.karnaktravels.com/template/fonts/material-icons.ttf") format("truetype"); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; }   body { color: #4d4d4d; font-family: Montserrat,sans-serif; font-size: 15px; background: #f1f7f8; margin: 0; font-weight: 200; line-height: 1.5; text-align: left; } *, ::before, ::after { box-sizing: border-box; } ::selection { background-color: #00dae5; color: #fff; } h1, h2, h3 { color: #00afed; } ol, ul, dl { list-style: none; } .btn { -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; } .btn:hover { -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; } .btn.focus,.btn:focus { box-shadow:none!important; } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow:none!important; } .btn.focus,.btn:focus { box-shadow:none!important; } .btn.disabled,.btn:disabled { opacity:.6; cursor:no-drop; } .btn.disabled:hover,.btn:disabled:hover { opacity:.8; } .btn-success.disabled,.btn-success:disabled { opacity:.6; cursor:no-drop; background:#00afed; border-color:#00afed; } .btn-success.disabled:hover,.btn-success:disabled:hover { opacity:.8; } .btn-primary.disabled,.btn-primary:disabled { opacity:.6; cursor:no-drop; background:#00dae5; border-color:#00dae5; } .btn-primary.disabled:hover,.btn-primary:disabled:hover { opacity:.8; } .btn-success { background:#00afed; border-color:#00afed; color:rgba(255,255,255,.7); } .btn-success:hover { background:#00afed; border-color:#00afed; color:#fff; } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { background:#00afed; border-color:#00afed; color:#fff; } .btn-primary { background:#64a1ff; border-color:#64a1ff; color:rgba(255,255,255,.7); } .btn-primary:hover { background:#64a1ff; border-color:#64a1ff; color:#fff; } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { background:#64a1ff; border-color:#64a1ff; color:#fff; } .btn-first { background:#ff5b5a; border-color:#f97f7b; color:rgba(255,255,255,.7); } .btn-first:hover { background:#ff5b5a; border-color:#ff5b5a; color:#fff; } .btn-first:not(:disabled):not(.disabled).active,.btn-first:not(:disabled):not(.disabled):active,.show>.btn-first.dropdown-toggle { background:#ff5b5a; border-color:#ff5b5a; color:#fff; } .btn-submit { padding:0 20px; line-height:45px; margin-top:35px; border-radius:23px; text-transform:uppercase; font-weight:500; font-size:15px; } .btn-submit i { position:relative; top:6px; margin-left:7px; } div.closeC { width:800px; position:relative; margin:0 auto; float:inherit; text-align:right; opacity:1; color:inherit; z-index:10000; } div.closeC #closeM { font-size:50px; width:50px; line-height:50px; display:inline-block; background:#fff; text-align:center; box-shadow:0 0 50px 5px rgba(0,0,0,.29); box-shadow:0 0 50px 5px rgba(0,0,0,.29); border-radius:25px; top:25px; position:relative; right:-25px; font-weight:300; color:rgba(0,0,0,.3); cursor:pointer; } div.closeC #closeM:hover { color:#00dae5; } .form-control { border:2px solid #bdcfe1; background:#fafafa; border-radius:5px; padding:.65rem; } .form-control:focus { border:2px solid #48b0d9; } .form-group label { color:#00dae5; font-weight:500; font-size:13px; margin-top:15px; } h1, h2, h3, h4, h5, h6 { margin: 85px 0 20px 0; } a { -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; color:#64a1ff; } a:hover { -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; text-decoration: none; } strong { font-weight: 500; font-size: 1.1em; } .post-links { padding-top: 20px; } a.edit, a.back, .button { background: #af9d6f; padding: 7px 15px 7px 12px; border-radius: 20px; color: #fff; text-transform: uppercase; font-weight: bold; display: table; margin: 0 auto; border: 2px solid transparent; line-height: 22px; } a.edit:before, a.back:before, .button:before { font-family: Linearicons-Free; content:"\e802"; margin-right: 10px; font-weight: normal; font-size: 22px; float: left; } a.edit:hover, a.back:hover, .button:hover { background: transparent; padding: 7px 15px 7px 12px; color: #00afed; border: 2px solid #00afed; } .button-light { color: #00dae5; border: 2px solid #00dae5; border-radius: 25px; padding: 5px 10px; margin: 0 auto; display: table; text-transform: uppercase; } .post2 a.edit { background: #fff; color: #222; } .post2 a.edit:hover { background: transparent; color: #fff; border: 2px solid #fff; } .bold { font-weight: bold; text-transform: uppercase; } .center { text-align: center; } .upper { font-weight: bold; text-transform: uppercase; } .wow { visibility:hidden; } .flex { position:relative; display:flex; flex-wrap:wrap; } .clear, .clear-both { clear: both; height: 1px; overflow: hidden; } .cle { clear: both; overflow: hidden; } .black { color:#999; } .blue { color:#64a1ff; } .blue:hover { color:#00dae5; } .orange { color:#00dae5; } .orange:hover { color:#0056b3; } .green { color:#2cdf05; } .green:hover { color:#000; } .mt0 { margin-top: 0px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .p20 { padding: 20px; } .separator-line { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #eee, #ddd, #eee); background-image: -moz-linear-gradient(left, #eee, #ddd, #eee); background-image: -ms-linear-gradient(left, #eee, #ddd, #eee); background-image: -o-linear-gradient(left, #eee, #ddd, #eee); } .separator-shadow { display: block; height: 20px; position: relative; width: 100%; background: radial-gradient(ellipse farthest-side at top center, rgba(0,0,0,.08), transparent); } .separator-shadow:before { content: ""; display: block; position: absolute; top: 0px; right: 0; left: 0; height: 3px; background: linear-gradient(left, transparent, rgba(0,0,0,.02), rgba(0,0,0,.02), transparent); } select, input, textarea { display: inline-block; padding: 6px 0 6px 12px; font-size: 16px; line-height: 1.5; color: #676767; border: 1px solid transparent; border-radius: 6px; font-weight: 400; box-sizing: border-box; border: 1px solid #ddd; } #cookies { display: none; position: fixed; width: 35%; min-width: 250px; margin: 0 auto; background: #fff; padding: 10px 20px; text-align: center; bottom: 10px; right: 1%; font-weight: 700; font-family: Montserrat; z-index: 2000; box-shadow: 1px 1px 1px #cde5f6; } #cookies p { margin: 0; } .navbar-nav li:hover > ul.dropdown-menu { display: block; }   .navbar-nav li { position: relative; } .navbar-expand-xl #main-nav .nav-item.menu a { color: #9b4523; font-weight:bold; font-size:15px; margin-right:20px; font-family: Montserrat; font-weight: 400; } .navbar-expand-xl #main-nav .nav-item.menu a:hover { color:#00dae5; } .navbar-expand-xl .navbar-nav .nav-item.active .nav-link { color:#fff; } .navbar-expand-xl.white .show #main-nav .menu.last.ke { position: absolute; right: 0; top: 95px; } #menu29 a { border-bottom: 1px dashed; } #menu29 a span { font-weight: bold; } #menu29 .dropdown-menu a span { font-weight: normal; } .navbar-expand-xl #main-nav .nav-item.menu.last > a { padding:.38rem 1rem; border:2px solid #af9d6f; border-radius:21px; color: #fff; background:#af9d6f; } .navbar-expand-xl #main-nav .nav-item.menu.last:hover > a { color:#00dae5; background:#fff; border:2px solid #af9d6f; } .navbar-expand-xl #main-nav .nav-item.menu13.last > a { padding:.38rem 1rem .38rem 2rem; border:2px solid #af9d6f; border-radius:21px; color: #00dae5; background:#fff; } .navbar-expand-xl #main-nav .nav-item.menu13.last > a:before { content: "\F0BE2"; font-family: Material Icons; font-weight: normal; font-size: 20px; position: absolute; color: #af9d6f; left: 8px; top: -3px; } .navbar-expand-xl .navbar-nav .nav-item.register .nav-link { padding:.38rem 1rem; border-radius:21px; color:rgba(41,133,253,.7); background:#fff; border:2px solid #fff; } .navbar-expand-xl #main-nav .dropdown-item.menu14 a, .navbar-expand-xl #main-nav .dropdown-item.menu15 a { padding:.38rem 1rem .38rem 2rem; border:2px solid #af9d6f; border-radius:21px; color: #af9d6f; background:#fff; } .navbar-expand-xl #main-nav .dropdown-item.menu14 a:before, .navbar-expand-xl #main-nav .dropdown-item.menu15 a:before { content: ""; } .navbar-expand-xl .navbar-nav .nav-item.register .nav-link:hover { color:#af9d6f; } .navbar-expand-xl .navbar-nav .nav-item.logout .nav-link { padding:.38rem 1rem; border-radius:21px; color:rgba(255,255,255,.7)!important; background:#f8565b; border:2px solid #f8565b; } .navbar-expand-xl .navbar-nav .nav-item.logout .nav-link:hover { color:#fff!important; } .navbar-brand {   color: #fff; min-height: 57px; } .navbar-expand-xl #main-nav .dropdown-item.last { padding-bottom: 0.5rem; } nav .logo { background-image:url(https://www.karnaktravels.com/archivos/imagenes/logo.png); background-repeat:no-repeat; background-position:center center; position: absolute; top: 0; width:204px; height:82px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; } .navbar-expand-xl { background:#fff; border-bottom:none; -webkit-box-shadow:0 4px 10px rgba(0,0,0,.08); box-shadow:0 4px 10px rgba(0,0,0,.08); -webkit-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; padding:.7rem 1rem; z-index:1021; min-height: 79px; } .navbar-expand-xl.white .navbar-nav .nav-item.active .nav-link { color:#00dae5; } .navbar-toggler-icon { background-image:url(https://www.karnaktravels.com/template/TM/images/menu.svg); border: 2px solid rgba(0, 0, 0, .5);; padding: 20px; border-radius: 5px; background-size: 80%; } .white .navbar-toggler-icon { background-image:url(https://www.karnaktravels.com/template/TM/images/menu.svg); } .dropdown-menu { background: #fff; border: 0; padding: 0; margin: 0 0 0 -23px; border-radius: 0 0 8px 8px; overflow: hidden; } .dropdown-menu li { padding: 0; } .navbar-expand-xl #main-nav .nav-item.menu .dropdown-menu li:first-child a { padding: 1.25rem 1.5rem 0.25rem; } .navbar-expand-xl #main-nav .nav-item.menu .dropdown-menu li a { color: #9b4523; width: 100%; padding: 0.25rem 1.5rem; display: block; border: 0; } .navbar-expand-xl #main-nav .nav-item.menu .dropdown-menu li a:hover { color: #00dae5; background: unset; border: 0; }   #content { display:block; margin-top:0px; } #content .introduction { z-index: 1; position: relative; max-width: 1140px; margin: 10px auto 0; background: #fff; padding: 12px 38px 3px; text-align: center; border-bottom: 3px solid #05a9cd; clip-path: polygon(98% 0, 100% 35%, 98% 100%, 2% 100%, 0 65%, 2% 0); } #content .introduction p, #content .post-text p { text-align: center; } #content .list { position: relative; display: block; z-index: 100; padding: 30px 0; } #content .lista .flex { justify-content: center; padding: 0; } #content .lista .flex li, #content .offer { display: flex; width: 47%; margin: 15px; padding: 0; background: rgba(255,255,255,.9); -webkit-box-shadow: 0 0 50px 5px rgba(214,214,214,.29); box-shadow: 0 0 50px 5px rgba(214,214,214,.29); border-radius: 3px 3px 25px; border: 2px solid #f2f3f7; position: relative; } #content .lista .flex li:hover, #content .offer .main:hover, #content .offer .side:hover { border: 2px solid #dedede; } #content .lista .flex li a { width: 100%; height: 100%; } #content .lista .flex li .picture { display: block; width: 100%; height: 180px; overflow: hidden; min-width: 260px; position: relative; border-radius: 3px 0 0 3px; } #content .lista .flex li .picture:before, #content .left-col .side .picture:before {   height: 180px; position: absolute; top: 0; width: 100%; left: 0; z: 0; content: " "; opacity: .6; } #content .lista .flex li .picture img, #content .left-col .side .picture img { min-width: 100%; } #content .lista .flex li .info { position: relative; display: block; overflow: hidden; padding: 15px 10px 10px; width: 100%; height: 100%; } #content .lista .flex li .info h3 { width: 100%; max-height: 65px; margin-bottom: 5px; overflow: hidden; font-size: 18px; color: #00dae5; } #content .lista .flex li .info p, .res-info p { font-size: 12px; margin: 2px 0; } #content .lista .flex li .info p i, .res-info p i { font-size: 18px; float: left; margin-right: 5px; color: #00afed; } #content .lista .flex li .info .desde { position: absolute; bottom: 8px; left: 8px; padding-left: 10px; } #content .lista .flex li .info .desde strong { font-size: 25px; display: block; margin-top: -10px; } #content .lista .flex li .button { position: absolute; bottom: 8px; right: 8px; width: auto; height: auto; } #content .lista .flex div.full-width { width: 100%; background: #fff; margin: 15px; position: relative; border-radius: 35px 35px 25px 0; border: 2px solid #f1f5f8; } #content .lista .flex div a { width: 100%; height: 100%; } #content .lista .flex div .picture { display: block; width: 98%; height: 180px; overflow: hidden; min-width: 260px; position: relative; border-radius: 3px 0 0 3px; margin: 10px auto 0; border-radius: 25px 25px 0 0; } #content .lista .flex div .picture span { position: absolute; bottom: 5px; right: 5px; background: #fff; padding: 4px 12px; } #content .lista .flex div .picture:before, #content .left-col .side .picture:before {   height: 180px; position: absolute; top: 0; width: 100%; left: 0; z: 0; content: " "; opacity: .6; } #content .lista .flex div .picture img { min-width: 100%; } #content .lista .flex div .info { position: relative; display: block; overflow: hidden; padding: 0 10px; width: 100%; } #content .lista .flex div .info .description { width: 40%; display: inline-block; margin: 10px 0; vertical-align: top; border-right: 1px solid #dfdfdf; padding: 0 15px 0 5px; text-align: justify; } #content .lista .flex div .info .items { position: relative; display: inline-block; overflow: hidden; padding: 15px 10px 10px 14px; width: 36%; } #content .lista .flex div .info .desde { display: inline-block; width: 24%; text-align: right; vertical-align: bottom; padding-bottom: 10px; } #content .lista .flex li .info h3 { width: 100%; max-height: 65px; margin-bottom: 5px; overflow: hidden; font-size: 18px; color: #00dae5; } #content .lista .flex div .info .items .tipsy-top { cursor: pointer; } .res-info { padding: 15px 10px; } .res-info h3 { font-size: 18px; background: #00afed; padding: 4px 10px; color: #fff; border-radius: 8px 8px 0 0; position: absolute; top: 160px; box-shadow: 0px -3px 3px #ddd; } .res-info p { border-bottom: 2px solid #eee; padding: 10px 0; } .res-info p:last-child { border-bottom: 0; } #content .lista .flex div .info p, .res-info p { font-size: 12px; margin: 2px 0; } #content .lista .flex div .info p i, .res-info p i, .inc i { font-size: 18px; float: left; margin-right: 5px; color: #00dae5; } .inc span { display: inline-block; padding-top: 5px; margin-right: 10px; } .inc i { float: unset; display: inline-block; font-size: 24px; margin-right: 0; } #content .lista .flex div .desde span { display: inline-block; padding: 30px 20px 0 0; color: #0056b3; } #content .lista .flex div .desde span strong { font-size: 25px; display: block; margin-top: -10px; } #content .lista .flex div .desde .button { width: auto; display: inline-block; vertical-align: bottom; } #content .offer, #content .left-col { width: 100%; background: transparent; box-shadow: none; } #content .left-col { display: flex; text-align: left; margin: 15px 0 25px; } #content .main, #content .side, #content .box { background: #fff; width: 70%; padding: 20px; margin-right: 3%; border: 2px solid #f2f3f7; position: relative; } #content .box { width: 100%; margin: 15px; } #content .side { width: 27%; margin-right: 0; } #content .side .other-offers img { display: block; margin: 20px auto 0; } #content .left-col .main { margin: 0; } #content .left-col .side { margin: 0 3% 0 0; padding: 0; } #content .left-col .side .picture { max-width: 295px; overflow: hidden; } #content .offer .main h3, #content .offer .side h3, #content .lista .flex .hotel h3 { font-size: 1.3rem; margin-top: 40px; } #content .lista .flex .main h3:first-child, #content .lista .flex .side h3:first-child, #content .lista .flex .hotel h3:first-child { margin-top: 0; } #content .offer .side small { display: block; text-align: justify; } #content .lista .flex .hotel { padding: 20px; } #content .lista .flex .hotel .col.desc p { margin-bottom: 20px; padding: 0 15px 0 5px; text-align: justify; } #content .lista .flex .hotel .col.desc { text-align: justify; } #content .lista .flex .hotel .col.desc p:first-child { margin-top: 0; } h2.post-title { width: 100%; font-weight:200; font-size:2.2rem; margin-bottom:15px; color:#253145; position: relative; display:inline-block; text-align:center; margin-top: 0px; } h2.post-title:after { content:''; display:block; width:95%; height:2px; border-radius:4px; margin-bottom:20px; background:#00dae5; margin:20px auto 0; } .post-details { display:none; } p { color: #666; font-weight: 200; margin-top: 5px; display: block; text-align: justify; } .fotorama { overflow: hidden; } .fotorama img { max-width: 290px; }   section.head-index { position:relative; height:750px; display:block; margin-top:-80px;   background: url(https://www.karnaktravels.com/archivos/imagenes/head/egipto.jpg) top center; } section.head-index:before {   height: 550px; position: absolute; top: 0; width: 100%; left: 0; z-index: 0; content: " "; opacity: .6; } section.head-index:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%;   height: 69px; } section.head-index .container { height: 100%; display: table; } section.head-index .lnr-heart { display: inline-block; font-size: 1.5rem; text-shadow: 0 0 10px #fff,1px 1px 0 #fff; color: #ff005a; animation: latidos .7s infinite; transform-origin: center; } section.head-index .in { vertical-align: middle; display: table-cell; } .in h1 { color:#fff; font-weight:700; font-size:2.5rem; padding:0 15px; display:block; text-align: center; } section.head-index .in h1 { margin: 0; padding-top: 125px; z-index: 10; position: relative; } .in p { font-size:1.5rem; color:rgba(255,255,255,.7); padding:0 15px; display:block; margin-bottom:50px; } .in .input-group .form-control { line-height:40px; font-size:15px; border:2px solid #fff; -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; border-radius:38px; padding-left:25px; } .in .input-group .btn { padding:0 25px; font-size:15px; text-transform:uppercase; position:absolute; right:7px; top:7px; bottom:7px; border-radius:26px; z-index:1000; font-weight:600; line-height:42px; width:164.41px; } .in .input-group .btn i { position:relative; top:5px; font-size:25px; margin-left:7px; } .in .input-group .form-control:focus { border-color:#fff; -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; } .inicio .post-content { margin: 0 auto 65px; width: 100%; } .form-control:focus { box-shadow:none!important; -o-transition:.3s ease; transition:.3s ease; -webkit-transition:.3s ease; -moz-transition:.3s ease; } .testim { -webkit-box-shadow:0 0 50px 5px rgba(214,214,214,.29); box-shadow:0 0 50px 5px rgba(214,214,214,.29); border-radius:3px; background:#fff; padding:15px; margin-left:20px; width:25%; } .testim h5 { display:block; position:relative; padding-left:50px; } .testim h5 i { position:absolute; font-size:35px; color:#00afed; left:0; margin-right:10px; top:4px; } .testim h5 small { display:block; font-size:12px; margin-top:2px; font-weight:600; color:#6fa8fa; } .testim p { margin-top:15px; color:#00dae5; font-weight:500; margin-bottom:0; font-size:17px; display:block; text-align:center; } .row { text-align:left; } .lista { width: 100%; } .post1 { text-align:center; margin: 50px 0; } .post2 { background:#003d68; padding:50px 0; position:relative; padding-top:150px; border-top: 4px solid #00dae5; border-bottom: 40px solid #00dae5; } .post2 h2.post-title:first-child { display: none; } .post2 h2.post-title { margin-top: 130px; position: absolute; width: 100%; } #content.viajes .container { margin-top: 180px; } .post2 i { font-size:150px; position:absolute; color:rgba(255,255,255,.5); top:20px; }   .mapa { width: 819px; margin: 0 auto; position: relative; } .mapa .pin { position: absolute; top: 6px; transform: translateX(-50%) translateY(-50%); font-size: 0; width: 15px; height: 15px; transition: top .3s; z-index: 901; } .mapa .pin:before { content: ''; position: relative; display: block; width: 300%; height: 300%; box-sizing: border-box; margin-left: -100%; margin-top: -100%; border-radius: 45px; background-color: #01a4e9; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; z-index: 900; } .mapa .pin:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #00dae5; border-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite; z-index: 900; } .mapa .pin:hover { background-position: 30px 0; top: 6px; transition: top .3s; z-index: 900; } .mapa .pin.eg { transform: translate(435px,165px); } .mapa .pin.tu { transform: translate(435px,115px); } .mapa .pin.jo { transform: translate(455px,145px); } .mapa .pin.ma { transform: translate(365px,165px); } .mapa .pin.du { transform: translate(500px,165px); } .mapa .pin.gr { transform: translate(405px,115px); } .mapa .pin.is { transform: translate(480px,145px); } .mapa .pin.in { transform: translate(555px,180px); } .mapa .pin.ta { transform: translate(605px,180px); } .mapa .pin.ch { transform: translate(620px,125px); } .mapa .pin.ja { transform: translate(690px,130px); } .mapa .pin.ne { transform: translate(545px,135px); } .mapa .pin.bu { transform: translate(570px,135px); }   .eti { width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 1; } .eti.naranja::before, .eti.naranja::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #be6301; } .eti.naranja span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #fe880a; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 16px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: center; } .eti.rosa::before, .eti.rosa::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #bb0741; } .eti.rosa span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #ff105c; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 18px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; }   .nw { top: -10px; left: -10px; } .nw::before, .nw::after { border-top-color: transparent; border-left-color: transparent; } .nw::before { top: 0; right: 0; } .nw::after { bottom: 0; left: 0; } .nw span { right: -25px; top: 30px; transform: rotate(-45deg); }   .ne { top: -10px; right: -10px; } .ne::before, .ne::after { border-top-color: transparent; border-right-color: transparent; } .ne::before { top: 0; left: 0; } .ne::after { bottom: 0; right: 0; } .ne span { left: -25px; top: 30px; transform: rotate(45deg); }   .sw { bottom: -10px; left: -10px; } .sw::before, .sw::after { border-bottom-color: transparent; border-left-color: transparent; } .sw::before { bottom: 0; right: 0; } .sw::after { top: 0; left: 0; } .sw span { right: -25px; bottom: 30px; transform: rotate(225deg); }   .se { bottom: -10px; right: -10px; } .se::before, .se::after { border-bottom-color: transparent; border-right-color: transparent; } .se::before { bottom: 0; left: 0; } .se::after { top: 0; right: 0; } .se span { left: -25px; bottom: 30px; transform: rotate(-225deg); }   section.head { position:relative; display:block; margin-top:135px;   } section.head.in { display:block; text-align:center; } section.head .in h1 { color:#723f0a; font-weight:700; font-size:2.5rem; padding:0 15px; display:block; margin-top: 0; text-align: center; }   #hoteles .caja { padding:0; } #hoteles h3, #hoteles ul { margin: 10px 0; padding: 0; } #hoteles ul li.caja { box-shadow: none; }   .caja { display: inline; float: left; margin: 0; padding: 2%; background-color: #fff; box-shadow: 1px 1px 1px #cde5f6; } .caja h3:first-child { margin-top: 0; } .post-content ul.minidestinos, .post-content ul.miniofertas { list-style: none; } .minidestinos, .miniofertas { display: grid; padding: 0; grid-template-columns: repeat(auto-fill, 330px); justify-content: center; row-gap: 75px; column-gap: 40px; } .minidestinos li, .post-content .minidestinos li { max-width: 330px; max-height: 140px; background: #fff; padding: 15px 15px 0 0; box-shadow: 1px 1px 1px #cde5f6; } .minidestinos li:last-child, .post-content .minidestinos li:last-child { margin-bottom: 50px; } .minidestinos li a, .post-content .minidestinos li a { display: block; width: 315px; height: 155px; position: absolute; z-index: 3; } .minidestinos-contenido { position: relative; width: 315px; height: 155px; } .minidestinos-foto { min-width: 315px; min-height: 155px; margin: 0 auto; overflow: hidden; position: absolute; } .minidestinos i { position: absolute; top: 85px; font-size: 30px; color: #fff; left: 30px; z-index: 1; } .minidestinos-nombre { display: block; position: relative; left: 30px; top: 125px; z-index: 2; color: #FFFFFF; font-size: 25px; font-weight: 400; height: 30px; line-height: 25px; overflow: hidden; text-align: left; text-shadow: 1px 1px 1px #213b61; text-transform: uppercase; } .minidestinos-precio { bottom: -15px; right: -15px; z-index: 2; color: #444; font-size: 25px; font-weight: 200; line-height: 25px; overflow: hidden; position: absolute; text-shadow: 1px 1px 1px #e7f5ff; background: #fff; padding: 18px 15px 11px 15px; box-shadow: 1px 1px 1px #cde5f6; } .minidestinos-precio span { font-size: 12px; color: #00dae5; top: 0px; right: 45px; z-index: 2; font-weight: 500; overflow: hidden; position: absolute; text-shadow: 1px 1px 1px #e7f5ff; }   ul.miniofertas, ul.minidestinos, ul.cajaofertas { width: 96%; min-height: 185px; margin: 0 auto; padding: 0; } ul.miniofertas li { background: #faffff; box-shadow: 1px 1px 1px #cde5f6; position: relative; min-height: 100%; } ul.miniofertas li:hover h3.azul { border: 3px solid #002e6e; background: #002e6e; } ul.miniofertas .miniofertas-contenido { padding: 15px; } ul.miniofertas li .precio { color: #fff; position: absolute; padding: 5px; top: 5px; right: 5px; background: #00dae5; } ul.miniofertas li .precio strong { font-size: 20px; font-weight: 600; } ul.miniofertas li p.pdf { font-size: 10px; padding: 5px 0 0 25px; } ul.miniofertas li .dias { color: #fff; padding: 5px; background: #00dae5; } .rib { display: inline; color: #fff; padding: 5px; background: #00dae5; } .cir { padding: .38rem 1rem; border: 2px solid #00dae5; border-radius: 21px; color: #fff; background: #00dae5; } .bor { color: #fff; padding: 5px; border: 2px solid #af9d6f; border-radius: 21px; padding: .38rem 1rem; }   .cajax { background: #faffff; box-shadow: 1px 1px 1px #cde5f6; position: relative; width: 96%; margin: 0 auto; padding: 20px; } .caja.bajar { margin-top: 200px; } ul.cajaofertas li.caja { width: 100%; box-shadow: 1px 1px 1px #cde5f6; } ul.cajaofertas .cajaofertas-precio { color: #fff; position: absolute; padding: 5px; top: 100px; right: 11px; background: #00dae5; z-index: 3; } ul.cajaofertas .cajaofertas-precio strong { font-size: 20px; font-weight: 600; }   p.pdf { position: relative; padding-left: 25px; } p.pdf:before { font-family: Material Icons; content: "\F0E2D"; font-weight: normal; font-size: 20px; position: absolute; color: #ca0001; left: 3px; top: -4px; } .recuadro.incluye ul.lista-texto { margin-bottom: 25px; } .recuadro.notas { font-size: 11px; padding: 0 20px; text-align: justify; } .tab_container h3 { margin: 40px 20px 10px; } #servicios ul.lista-texto { padding-left: 30px; margin-left: 20px; } ul.lista-texto li { position: relative; } ul.lista-texto li:before { font-family: Material Icons; font-weight: normal; font-size: 20px; position: absolute; color: #00dae5; left: -28px; top: -2px; } .incluye ul.lista-texto li:before { content: "\F0791"; } .no-incluye ul.lista-texto li:before { content: "\F0159"; } #servicios .recuadrobeig { padding: 20px 20px 0; } #servicios .recuadrobeig span { background: #00dae5; color: #fff; padding: 5px; display: table; margin-bottom: 10px; } .cajaofertas-resumen #itinerario p { margin-bottom: 20px; text-align: justify; } .cajaofertas-resumen #itinerario p:nth-child(2n+1) { text-transform: uppercase; color: #00afed; font-weight: 200; margin: 40px 0 0; } .lista-categorias { width: 80%; } .lista-categorias li { border-bottom: 2px solid #00dae5; padding: 10px; } .lista-categorias li:first-child, .lista-categorias li:last-child { border-bottom: 0; } .lista-categorias li span { float: right; } #presupuesto .cajapaso { width: 100%; float: left; } #presupuesto .cajapaso h3 { margin: 0; padding: 40px 1% 10px; } #presupuesto #paso_1 .pas { width: 30%; min-width: 340px; float: left; } #presupuesto #paso_1 .pas:nth-child(2) { width: 25%; float: left; } #presupuesto #paso_1 .pas:last-child { width: 25%; } #presupuesto #paso_1 ul.dos-columnas { margin: 0; padding: 0 1%; } #presupuesto .cajapaso .datos-reserva { float: left; width: 100%; margin-bottom: 40px; } #presupuesto .cajapaso .datos-reserva li { width: 30%; min-width: 340px; float: left; } #presupuesto .cajapaso .datos-reserva li span { font-weight: 500; } #presupuesto .visita-optativa { float: left; width: 100%; margin: 10px 0; } #presupuesto .visita-optativa input { float: left; margin-right: 10px; } #presupuesto .visita-optativa p { float: left; margin: -4px 10px 0 0; font-weight: bold; color: #000; text-transform: uppercase; padding: 0px; width: 70%; font-size: 14px; } #presupuesto .visita-optativa strong { float: left; color: #0070c0; } #presupuesto .visita-optativa .visopc-mas { float: left; width: 70%; margin: 0 10px 0 23px; text-transform: none; font-weight: normal; } #presupuesto .titulo { color:#00dae5; background:#fff; border:2px solid #00dae5; padding:.38rem 1rem; border-radius:21px; margin: 0 auto 20px; text-align: center; } #presupuesto ul.form-reserva { margin: 10px 0 0 0; padding: 0 0 0 4px; list-style: none; } #presupuesto ul.form-reserva li { background-color: #fafafa; border-radius: 7px 7px 7px 7px; display: inline-block; margin: 0 5px 7px 5px; padding: 10px; } #presupuesto ul.form-reserva li.linea1 { position: relative; } #presupuesto ul.form-reserva li span { display: inline-block; padding: 0 20px 0 10px; color: #0070c0; font-size: 13px; font-weight: bold; } #presupuesto ul.form-reserva li.linea1 span { display: inline-block; padding: 0 20px 0 10px; color: #0070c0; font-weight: bold; width: auto; }   .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { color: #222222; } .ui-widget-header { color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-tabs li.ui-state-default, .ui-tabs .ui-widget-content li.ui-state-default, .ui-widget-header li.ui-state-default { background: #00dae5; font-weight: bold; font-size: 12px; } .ui-tabs li.ui-state-active, .ui-tabs .ui-widget-content li.ui-state-active, .ui-widget-header li.ui-state-active { background: #FFFFFF; border-bottom: 4px solid #cde5f6; color: #212121; font-weight: bold; } .ui-tabs li.ui-state-active:before { font-family: Material Icons; content: "\F0045"; font-weight: 200; color: #8489d5; bottom: -14px; position: absolute; left: 50%; background: #fff; border-radius: 21px; padding: 0 4px; margin-left: -12px; }   .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px ; -webkit-border-top-left-radius: 4px ; -khtml-border-top-left-radius: 4px ; border-top-left-radius: 4px ; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px ; -webkit-border-top-right-radius: 4px ; -khtml-border-top-right-radius: 4px ; border-top-right-radius: 4px ; } .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px ; -webkit-border-bottom-left-radius: 4px ; -khtml-border-bottom-left-radius: 4px ; border-bottom-left-radius: 4px ; } .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px ; -webkit-border-bottom-right-radius: 4px ; -khtml-border-bottom-right-radius: 4px ; border-bottom-right-radius: 4px ; }   .ui-widget-overlay { background: #aaaaaa url(https://www.karnaktravels.com/template/TM/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://www.karnaktravels.com/template/TM/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .ui-tabs { position: relative; zoom: 1; }   #oferta-tabs .ui-tabs-nav { display:block;clear:both; margin: 10px 0; padding: .2em .4em 0; } #itinerario { padding: 0 20px; } #itinerario .ui-tabs-nav { display:block;clear:both;margin: 25px 0; padding: .2em .4em 0; } #itinerario .ui-tabs .ui-tabs-nav li { display: inline-block;width: 14%;min-width: 118px;} #itinerario .tab_container { display:block;clear:both;margin: 25px 0; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .4em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; display:inline-block; font-size: 1em; margin: 1px 3px 0 0; border-bottom: 1; padding: 0; white-space: nowrap;height:36px; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; position: relative; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: default; color: #000; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color: #fff; font-weight: bold;}   .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #000; text-shadow: 0px 1px 1px #c0c0c0; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }   .quienes-somos .lista .flex h3, .aviso-legal .lista .flex h3 { font-size: 1.3rem; } .quienes-somos .lista .flex .presentation .row .col:first-child, .lista .flex .presentation .row.big .col:first-child { max-width: 35%; font-weight: 600; } .quienes-somos .lista .flex .presentation .row .col:first-child strong, .lista .flex .presentation .row.big .col:first-child strong { color: #00dae5; font-size: 25px; font-family: Montserrat; }   .covid19-info { position: absolute; top: 82px; background: #fff; padding: 12px 20px; } .covid19-info::before { font-family: Material Icons; content: "\F0045"; font-weight: 200; color: #8489d5; bottom: -14px; position: absolute; left: 50%; background: #fff; border-radius: 21px; padding: 0 4px; margin-left: -12px; } .covid19-info a { padding-left: 20px; } .covid19-info a::before { font-family: Material Icons; content: "\F0E2D"; font-size: 22px; color: #fe880a; position: absolute; left: 0; bottom: 8px; margin-left: 12px; } .covid19 .post-content h2 { margin-top: 0; padding-top: 85px; }   .posts { margin-top: 0px; } .post-content { margin: 0 auto; width: 90%; } .post-content h2:first-child { margin-top: 0; } .post-content ul { list-style: circle; } .post-content ul li { margin: 0 0 15px 0; } .cajaofertas-foto, .post-content ul li.foto-hotel { margin: 0 30px 15px 0; float: left; width: 240px; }   .tablainfo { margin: 0; border-spacing: 0; width: 100%; border: 1px solid #e0e0e0; } .tablainfo tr { height: 30px; border-bottom: 1px solid #cacaca; } .tablainfo tr.top { width: 100%; height: 30px; background: linear-gradient(180deg, #fff 50%, #e7f5ff 50%); } .tablainfo td { height: 40px; padding: 5px 12px; vertical-align: middle; font-size: 11px; line-height: 12px; } .tablainfo .top td { padding: 0 12px; vertical-align: middle; border: 1px solid #cacaca; line-height: 12px; text-transform: uppercase; font-weight: 500; font-size: 12px; } .tablainfo td.top.localizador { width: 140px; height: 30px; } .tablainfo td.top.estado { width: 90px; height: 30px; } .tablainfo td.top.presupuesto { width: 90px; height: 30px; } .tablainfo td.top.programa { width: 300px; height: 30px; } .tablainfo th { padding: 7px; font-size: 80%; font-weight: normal; text-align: left; white-space: nowrap; color: #00afed; border: 1px solid #ddd; background: linear-gradient(180deg, #fff 50%, #e7f5ff 50%); text-transform: uppercase; }   .form.esquinas-redondas { margin: 0 auto 30px; } .form { margin-top: 20px; border: 3px solid #cde5f6; border-radius: 6px; overflow: hidden; } .form, .form td { color: #555; } .form-title { height: 50px; line-height: 50px; text-align: center; font-family: Montserrat; font-weight: 500; font-size: 18px; position: relative; width: 100%; background: radial-gradient(ellipse farthest-side at top center, #e7f5ff, transparent); } .form-content { background: url("https://www.karnaktravels.com/template/TM/images/inputbg.jpg") repeat-x 0 0 #fff; border-top: 1px solid #fff; padding: 30px 15px 0; text-align: center; } .form-entry { clear: left; text-align: left; padding-bottom: 10px; } .form-entry.last { padding-bottom: 0; } .form-entry select { max-width: 200px; margin-right: 10px; } .form-entry .form-entry-title { float: left; text-align: right; width: 30%; padding: 5px 10px 10px 0; white-space: normal; } .form-entry.preview .form-entry-title { padding-top: 0px; } .form-entry .form-entry-content { margin-left: 35%; } .form-footer.comment p { margin-bottom: 0; padding-bottom: 20px; } .security-image { margin-bottom: 5px; } .security-image img { border: 2px solid #F9E98E; } .security-image .reload-link { position: relative; top: -10px; left: 5px; } .form .form-content .button { display: inline-block; }   footer { background: #3b2511; border-top: 23px solid #723f0a; min-height: 500px; margin-top: 30px; position: relative; } footer .footer-content { width: 87%; max-width: 1230px; margin: 0 auto; } footer ul { list-style: none; } footer .footer-content .logo { background: url("https://www.karnaktravels.com/archivos/imagenes/logo.png") 50% 50% no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 33%; min-width: 350px; min-height: 320px; float: left; } footer .footer-content .datos .bor { display: inline-block; } footer .footer-content .datos { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; font-size: 18px; font-weight: bold; text-align: center; width: 33%; min-width: 350px; height: 100%; float: left; padding-top: 80px; } footer .footer-content .datos ul { padding: 0; } footer .footer-content .datos li.blue:hover { color: #64a1ff; } footer .footer-content .datos li.orange:hover { color: #00dae5; } footer .footer-content .enlaces { width: 33%; min-width: 250px; height: 100%; float: left; padding-top: 55px; } footer .footer-content .enlaces ul { width: 20%; min-width: 250px; display: block; margin: 0 auto; } footer .footer-content .enlaces ul li { position: relative; } footer .footer-content .enlaces li:first-child { color: #fff; text-transform: uppercase; font-size: 16px; margin: 15px 0 10px; } footer .footer-content .enlaces li:first-child:before { content: ''; } footer .footer-content .enlaces li a:before { font-family: Material Icons; content: "\F0337"; font-weight: 200; color: #aaa; margin-right: 6px; top: 1px; position: absolute; left: 0px; } footer .footer-content .enlaces li a:hover:before { color: #00dae5; } footer .footer-content .enlaces li a { font-weight: bold; padding-left: 20px; color: #af9d6f; } footer .footer-content .enlaces li a:hover { color: #fff; } footer .copyright { color: #fff; clear: both; font-size: 13px; border-top: 1px solid #734821; text-align: center; text-transform: uppercase; height: 40px; position: absolute; bottom: 0; width: 100%; padding-top: 8px; }   .tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 1020; } .tipsy-outer { padding: 5px 8px 4px 8px; background-color: black; color: #fff; max-width: 200px; text-align: center; word-wrap: break-word; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-s { font-family: Montserrat; font-weight: 500; font-size: 12px; background: #01a4e9; border-radius: 8px; } .tipsy-s .tipsy-arrow { bottom: 0px; border-top-width: 0; border-bottom-width: 5px; left: 40%; -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tipsy-arrow { position: absolute; background: url('https://www.karnaktravels.com/lib/icons/custom/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy a:hover { color: #fff; }   .tooltip { background: #00ff00; max-width: 1140px; margin: 0 auto 15px; padding: 2px; border: 1px solid #08c408; border-bottom-width: 3px; color: #fff; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tooltip > span { display: block; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; padding: 9px 5px 9px 35px; background: url("https://www.karnaktravels.com/lib/icons/32/Orange Ball.png") no-repeat 0px 60%; box-shadow: 0 8px 2px 0 rgba(0, 0, 0, 0.25); } .tooltip a { color: #fff; } .tooltip.success { background: #5ec53f; border-color: #4eb52f; color: #fff; } .tooltip.success > span { background: url("https://www.karnaktravels.com/lib/icons/32/emblem-default.png") no-repeat 0px 60%; } .tooltip.error { background: #f2432e; border-color: #d91b0b; color: #fff; } .tooltip.error > span { background-image: url("https://www.karnaktravels.com/lib/icons/32/dialog-error.png"); } .tooltip.notification { background: url("https://www.karnaktravels.com/template/TM/images/buttonbg.jpg") repeat-x 0 100% #fff; border-color: #d4d4d4; color: #000; } .tooltip.notification > span { background-image: url("https://www.karnaktravels.com/lib/icons/32/Get Info.png"); } .tooltip.notification a { color: #00ff00; }   .tooltips { position: relative; display: inline; z-index: 902; } .tooltips span { font: 700 12px 'Montserrat', sans-serif; position: absolute; z-index: 903; color: #fff; background: #185d88; padding:5px 10px; width:140px; text-align: center; visibility: hidden; transition: transform .3s, margin-left .2s, margin-top .2s; border-radius: 3px; text-transform: uppercase; } .tooltips > span img{max-width:140px;} .tooltips[tooltip-position="top"] span{ margin-left:10px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .tooltips[tooltip-position="bottom"] span{ -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .tooltips[tooltip-position="left"] span{ margin-top:30px; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .tooltips[tooltip-position="right"] span{ margin-top:30px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .tooltips span:after { content: ''; position: absolute; width: 0; height: 0; border-top: 8px solid #185d88; border-right: 8px solid #185d88; border-left: 8px solid #185d88; z-index: 904; } .tooltips[tooltip-position="top"] span:after{ top: 100%; left: 50%; margin-left: -8px; border-top: 8px solid #185d88; border-right: 8px solid transparent; border-left: 8px solid transparent; z-index: 904; } .tooltips[tooltip-position="bottom"] span:after{ bottom: 100%; left: 50%; margin-left: -8px; border-bottom: 8px solid black; border-right: 8px solid transparent; border-left: 8px solid transparent; } .tooltips[tooltip-position="left"] span:after{ top: 50%; left: 100%; margin-top: -8px; border-left: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .tooltips[tooltip-position="right"] span:after{ top: 50%; right: 100%; margin-top: -8px; border-right: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .tooltips:hover span { visibility: visible; z-index: 999; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); z-index: 1025; } .tooltips[tooltip-position="top"]:hover span{ bottom: 30px; left: 50%; margin-left: -76px; z-index: 1026; } .tooltips[tooltip-position="bottom"]:hover span{ top: 30px; left: 50%; margin-left: -76px; } .tooltips[tooltip-position="left"]:hover span{ right: 100%; top: 50%; margin-top: -15px; margin-right: 15px; } .tooltips[tooltip-position="right"]:hover span{ left: 100%; top: 50%; margin-top: -15px; margin-left: 15px; } .tooltips[tooltip-type="primary"] > span { background-color:#2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="top"] > span:after{ border-top: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after{ border-bottom: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="left"] > span:after{ border-left: 8px solid #2980b9; } .tooltips[tooltip-type="primary"][tooltip-position="right"] > span:after{ border-right: 8px solid #2980b9; } .tooltips[tooltip-type="success"] > span { background-color:#27ae60; } .tooltips[tooltip-type="success"][tooltip-position="top"] > span:after{ border-top: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="bottom"] > span:after{ border-bottom: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="left"] > span:after{ border-left: 8px solid #27ae60; } .tooltips[tooltip-type="success"][tooltip-position="right"] > span:after{ border-right: 8px solid #27ae60; } .tooltips[tooltip-type="warning"] > span { background-color:#f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="top"] > span:after{ border-top: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="bottom"] > span:after{ border-bottom: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="left"] > span:after{ border-left: 8px solid #f39c12; } .tooltips[tooltip-type="warning"][tooltip-position="right"] > span:after{ border-right: 8px solid #f39c12; } .tooltips[tooltip-type="danger"] > span { background-color:#c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="top"] > span:after{ border-top: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="bottom"] > span:after{ border-bottom: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="left"] > span:after{ border-left: 8px solid #c0392b; } .tooltips[tooltip-type="danger"][tooltip-position="right"] > span:after{ border-right: 8px solid #c0392b; }   .modal { width: auto; height: auto; max-width: unset; } .modal h2 { display: block; margin: 25px auto 40px; text-align: center; } .modal h3 { font-size: 16px; margin: 15px 0 3px; color: #00dae5; } .modal h3:first-child {   } .modal h3.city { margin: 60px 0 20px; display: block; clear: both; width: 100%; text-align: center; color: #00afed; font-size: 1.3rem; text-transform: uppercase; } .modal .hotels { display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .modal .hotel { width: 100%; border-style: solid; border-width: 1px; border-color: #dce0e0; border-radius: 5px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); position: relative; z-index: 0; } .modal .hotel .picture { height: 200px; overflow: hidden; } .modal .hotel .picture img { width: 100%; } .modal .hotel strong { display: block; width: 100%; text-align: center; color: #00dae5; margin: 10px 0; text-transform: uppercase; }   .frb-group { margin: 15px 0; } .frb ~ .frb { margin-top: 0px; } .frb input[type="radio"]:empty { display: none; } .frb input[type="radio"] ~ label:before { font-family: Linearicons-Free; content: '\e886'; position: absolute; top: 50%; margin-top: -16px; left: 10px; font-size: 22px; } .frb input[type="radio"]:checked ~ label:before { content: '\e87f'; } .frb input[type="radio"] ~ label { position: relative; cursor: pointer; width: 100%; border: 2px solid #bdcfe1; border-radius: 5px; background-color: #fafafa; } .frb input[type="radio"] ~ label:focus, .frb input[type="radio"] ~ label:hover { border: 2px solid #00dae5; } .frb input[type="radio"]:checked ~ label { color: #fafafa; } .frb input[type="radio"]:checked ~ label { background-color: #00dae5; border: 2px solid #00dae5; } .frb input[type="radio"]:checked ~ label span { color: #fff; } .frb input[type="radio"]:empty ~ label span { display: inline-block; } .frb input[type="radio"]:empty ~ label span.frb-title, .frb input[type="radio"]:empty ~ label span.frb-price { font-size: 16px; font-weight: 700; margin: 5px 5px 5px 50px; } .frb input[type="radio"]:empty ~ label span.frb-price { float: right; }   .hab-group { margin: 15px 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .hab ~ .hab { margin-top: 0px; }   dl dt, dl dd { border-bottom: 2px solid #eee; margin: 0; } dl dt { background: #ccf7ff; padding: 10px; color: #444; } dl dt:first-child { border-radius: 8px 8px 0 0; } dl dt:last-child { margin-bottom: 0; border-radius: 0 0 8px 8px; } dl dd { padding: 10px 10px 10px 30px; } dl dt span, dl dd span { float: right; } dl dt:last-child { background: #00afed; border: 0; color: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }   .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; list-style: none; padding: 0 180px 0 28px; outline: 0; } .ui-autocomplete li { background: #fff; background: linear-gradient(180deg, #fff 20%, #f9f9f9 80%); border: 3px solid #f2f3f7; border-width: 0 3px 0 3px; } .ui-autocomplete li div { display: block; font-weight: bold; color: #64a1ff; line-height: 38px; } .ui-autocomplete li:last-child { border-radius: 0 0 10px 10px; } .ui-autocomplete li:before { font-family: Linearicons-Free; content:"\e81b"; margin: 0 10px; font-weight: normal; font-size: 22px; float: left; line-height: 42px; } .ui-autocomplete li:hover:before { color: #00dae5; } .ui-autocomplete li:hover div { color: #00dae5; } .ui-helper-hidden-accessible { display: none; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer;   list-style-image: url("https://www.karnaktravels.com/template/TM/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }   .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; }   .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }   .ui-menu .ui-menu-icon { left: auto; right: 0; }     .ui-datepicker { background: #fff; border: 1px solid #5179bc; display: none; width: 200px; text-align: center; } .ui-datepicker-header { color: #fff; background: #5179bc; padding: 5px; text-align: center; } .ui-datepicker-prev { cursor: pointer; float: left; background: url("https://www.karnaktravels.com/lib/icons/16/arrow_left.png") no-repeat; width: 16px; height: 16px; } .ui-datepicker-prev span { display: none; } .ui-datepicker-next { cursor: pointer; float: right; background: url("https://www.karnaktravels.com/lib/icons/16/arrow_right.png") no-repeat; width: 16px; height: 16px; } .ui-datepicker-next span { display: none; } .ui-datepicker-title { display: inline; } table.ui-datepicker-calendar { border-collapse: unset; } .ui-datepicker-calendar { padding: 5px; margin: 0 auto; } .ui-datepicker-calendar th { font-weight: normal; font-size: 12px; color: #999; } .ui-datepicker-calendar td { border: 1px solid #ccc; text-align: center; overflow: hidden; } .ui-datepicker-calendar td a { color: #3159AC; display: block; height: 20px; text-decoration: none; width: 20px; } .ui-datepicker-calendar td a:hover { color: #000; } .ui-datepicker-calendar td span.ui-state-default { border: 0px; background: none; color: #666666; float: left; font-weight: normal; height: 20px; position: relative; width: 20px; } td.ui-datepicker-today { background: #ffeeee; } td.ui-state-highlight { background: #5179bc; } td.ui-state-highlight a { color: #fff; }   .mostrar_cargando { width: 100%; color: #00afed; font-weight: 500; font-size: 1.2rem; text-align: center; position: absolute; left: 0px; top: 0; line-height: 50px; background: #fff; z-index: 2; border-radius: 8px; padding: 15px 0; } .mostrar_calendario { width: 100%; max-width: 700px; } .mostrar_calendario .ui-datepicker { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; width: 100%; } .mostrar_calendario div .ui-datepicker-header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; padding: 5px; text-align: center; width: 90%; margin: 0 auto; } .mostrar_calendario .ui-datepicker-prev { background: none; cursor: pointer; float: left; height: 16px; width: 100px; text-align: right; } .mostrar_calendario .ui-datepicker-prev:before { background: none; font-family: Linearicons-Free; content:"\e885"; float: left; color: #00dae5; font-size: 22px; margin-top: -8px; } .mostrar_calendario .ui-datepicker-prev span, .mostrar_calendario div .ui-datepicker-prev span { display: none; } .mostrar_calendario .ui-datepicker-next { background: none; cursor: pointer; float: right; height: 16px; width: 110px; text-align: left; } .mostrar_calendario .ui-datepicker-next:before { background: none; font-family: Linearicons-Free; content:"\e886"; cursor: pointer; float: right; text-align: right; color: #00dae5; font-size: 22px; margin-top: -8px; } .mostrar_calendario .ui-datepicker-next span, .mostrar_calendario .ui-datepicker-next span { display: none; } .mostrar_calendario .ui-datepicker-title { display: inline; } .mostrar_calendario div .ui-datepicker-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline; } .mostrar_calendario table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default, .mostrar_calendario table.ui-datepicker-calendar td span.ui-state-default { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #666666; display: block; font-size: 12px; font-weight: normal; margin: -23px 0 0 2px; padding: 0; text-align: left; width: auto; } .mostrar_calendario table.ui-datepicker-calendar td.ui-state-highlight { background: none repeat scroll 0 0 #00afed; color: #FFFFFF; font-weight: bold; } .mostrar_calendario span.ui-state-default { } .mostrar_calendario td.ui-state-highlight { background: none repeat scroll 0 0 #00afed; } .mostrar_calendario td.ui-state-highlight a { color: #FFFFFF; } .mostrar_calendario div .ui-datepicker-month, .mostrar_calendario div .ui-datepicker-year { border: 0 none; color: #00afed; text-transform: uppercase; font-weight: 700; } .mostrar_calendario .ui-datepicker-calendar { margin: 0 auto; padding: 5px; width: 100%; } .mostrar_calendario .ui-datepicker-calendar th { color: #999999; font-size: 12px; font-weight: bold; } .mostrar_calendario .ui-datepicker-calendar tr { } .mostrar_calendario .ui-datepicker-calendar td { } .mostrar_calendario .ui-datepicker-calendar td a:hover { color: #000000; text-shadow: 1px 1px 1px #FFFFFF; } .mostrar_calendario td.ui-datepicker-today { background: none repeat scroll 0 0 #FFEEEE; } .mostrar_calendario table.ui-datepicker-calendar td { background: none repeat scroll 0 0 #00dae5; border: 1px solid #DDDDDD; height: 45px; padding: 3px; width: 14%; } .mostrar_calendario table.ui-datepicker-calendar td.ui-datepicker-unselectable { background: none repeat scroll 0 0 #fbfbfb; border: 1px solid #DDDDDD; display: table-cell; height: 45px; text-align: left; } .mostrar_calendario table.ui-datepicker-calendar td a { display: block; font-size: 12px; height: 75px; margin: -5px 0 0 1px; position: relative; text-align: left; width: 100%; z-index: 1; font-weight: bold; color: #444; } .mostrar_calendario table.ui-datepicker-calendar td span { color: #fff; display: block; font-size: 13px; font-weight: bold; margin: -60px 0 0; z-index: 0; } .fechas_flexibles { margin: 0 auto; width: 780px; } .fechas_flexibles .ui-datepicker { border: 1px solid #cecece; } .fechas_flexibles .ui-datepicker-calendar td a { color: #3159AC; display: block; text-decoration: none; height: 20px; width: 20px; } .fechas_flexibles td.ui-state-highlight a { color: #FFFFFF; }   .error-404 { text-align: center; font-size: 180px; font-family: 'Montserrat', sans-serif; font-weight: 800; margin: 0 15px 20px; line-height: 115px; } .error-404 > span { display: inline-block; line-height: 0.7; position: relative; color: #FFB485; vertical-align: middle; } .error-404 span.zero { position: absolute; top: -9999em; left: -9999em; } .error-404 > span:nth-of-type(1) { color: #D1F2A5; animation: colordancing 4s infinite; } .error-404 > span:nth-of-type(3) { color: #F56991; animation: colordancing2 4s infinite; } .error-404 > span:nth-of-type(2) { width: 140px; height: 140px; border-radius: 999px; } .error-404 > span:nth-of-type(2):before, .error-404 > span:nth-of-type(2):after { border-radius: 0%; content:""; position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: 999px; box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4); animation: shadowsdancing 4s infinite; } .error-404 > span:nth-of-type(2):before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .error-404 + p { margin: 5px 0 30px; }   .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @keyframes spin { 100% { transform: rotate(359deg); } }   @keyframes latidos { from { transform: none; } 50% { transform: scale(1.4); } to { transform: none; } } @keyframes shadowsdancing { 0% { box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4); } 25% { box-shadow: inset 30px 0 0 rgba(245, 105, 145, 0.4), inset 0 30px 0 rgba(209, 242, 165, 0.4), inset -30px 0 0 rgba(239, 250, 180, 0.4), inset 0 -30px 0 rgba(255, 196, 140, 0.4); } 50% { box-shadow: inset 30px 0 0 rgba(255, 196, 140, 0.4), inset 0 30px 0 rgba(245, 105, 145, 0.4), inset -30px 0 0 rgba(209, 242, 165, 0.4), inset 0 -30px 0 rgba(239, 250, 180, 0.4); } 75% { box-shadow: inset 30px 0 0 rgba(239, 250, 180, 0.4), inset 0 30px 0 rgba(255, 196, 140, 0.4), inset -30px 0 0 rgba(245, 105, 145, 0.4), inset 0 -30px 0 rgba(209, 242, 165, 0.4); } 100% { box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4); } } @keyframes colordancing { 0% { color: #D1F2A5; } 25% { color: #F56991; } 50% { color: #FFC48C; } 75% { color: #EFFAB4; } 100% { color: #D1F2A5; } } @keyframes colordancing2 { 0% { color: #FFC48C; } 25% { color: #EFFAB4; } 50% { color: #D1F2A5; } 75% { color: #F56991; } 100% { color: #FFC48C; } } @keyframes pulse-ring { 0% { transform: scale(.33); } 80%, 100% { opacity: 0; } } @keyframes pulse-dot { 0% { transform: scale(.8); } 50% { transform: scale(1); } 100% { transform: scale(.8); } }