@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Dosis:500&text=dominicana%40grupovdt.com);
        /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
        /**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
        
        html {
            font-family: sans-serif;
            /* 1 */
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
        }
        /**
 * Remove default margin.
 */
        
        body {
            margin: 0;
        }
        /* HTML5 display definitions
   ========================================================================== */
        /**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section,
        summary {
            display: block;
        }
        /**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
 
.footerWrapper {
    background-color: #ffffff;
    margin-top: 0px;
    min-width: 960px;
}
.footerLine {
    background-color: #E67D20;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 23px;
	text-align:center;
	padding-top:5px;
}
.footer {
    width: 960px;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 11px;
    color: #868686;
    text-align: center;
}
.footerLine2 {
    font-size: 13px;
    color: #999999;
    font-weight: bold;
    margin: 9px 0;
}
.footerLine2 a {
    color: #1277ab;
    padding: 0px 7px;
}
.footer__menu__new {
    border-bottom: 2px solid #1687c5;
    padding-bottom: 12px;
    border-top: 2px solid #1687c5;
    padding-top: 12px;
    display: flex;
    justify-content: center;
}
.footer__menu__new ul {
    display: flex;
    list-style: none;
    gap: 15px;
    justify-content: center;
    margin: 0;
    width: 100%;
    justify-content: space-around;
}
.footer__menu__new ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #534949;
}
.footer__menu__new ul a span {
    display: flex;
    flex-direction: column;
}
.footerWebs {
    margin: 15px 0;
}
.footerWebs a {
    display: inline-block;
    margin-right: 10px;
    font-size: 1.1em;
    color: #333 !important;
    padding: 5px;
}
.icon_facebook, .icon_youtube, .icon_whatsapp, .icon_instagram, .icon_linkedin {
    font-size: 30px !important;
}
.footerLine3 {
    font-size: 10px;
    color: #01518e;
    padding: 15px 0 40px 0;
}
        
        audio,
        canvas,
        progress,
        video {
            display: inline-block;
            /* 1 */
            vertical-align: baseline;
            /* 2 */
        }
        /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
        
        audio:not([controls]) {
            display: none;
            height: 0;
        }
        /**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
        
        [hidden],
        template {
            display: none;
        }
        /* Links
   ========================================================================== */
        /**
 * Remove the gray background color from active links in IE 10.
 */
        
        a {
            background: transparent;
        }
        /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
        
        a:active,
        a:hover {
            outline: 0;
        }
        /* Text-level semantics
   ========================================================================== */
        /**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
        
        abbr[title] {
            border-bottom: 1px dotted;
        }
        /**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
        
        b,
        strong {
            font-weight: bold;
        }
        /**
 * Address styling not present in Safari and Chrome.
 */
        
        dfn {
            font-style: italic;
        }
        /**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
        
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }
        /**
 * Address styling not present in IE 8/9.
 */
        
        mark {
            background: #ff0;
            color: #000;
        }
        /**
 * Address inconsistent and variable font size in all browsers.
 */
        
        small {
            font-size: 80%;
        }
        /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }
        
        sup {
            top: -0.5em;
        }
        
        sub {
            bottom: -0.25em;
        }
        /* Embedded content
   ========================================================================== */
        /**
 * Remove border when inside `a` element in IE 8/9/10.
 */
        
        img {
            border: 0;
        }
        /**
 * Correct overflow not hidden in IE 9/10/11.
 */
        
        svg:not(:root) {
            overflow: hidden;
        }
        /* Grouping content
   ========================================================================== */
        /**
 * Address margin not present in IE 8/9 and Safari.
 */
        
        figure {
            margin: 1em 40px;
        }
        /**
 * Address differences between Firefox and other browsers.
 */
        
        hr {
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            height: 0;
        }
        /**
 * Contain overflow in all browsers.
 */
        
        pre {
            overflow: auto;
        }
        /**
 * Address odd `em`-unit font size rendering in all browsers.
 */
        
        code,
        kbd,
        pre,
        samp {
            font-family: monospace, monospace;
            font-size: 1em;
        }
        /* Forms
   ========================================================================== */
        /**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
        /**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
        
        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            /* 1 */
            font: inherit;
            /* 2 */
            margin: 0;
            /* 3 */
        }
        /**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
        
        button {
            overflow: visible;
        }
        /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
        
        button,
        select {
            text-transform: none;
        }
        /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
        
        button,
        html input[type="button"],
        /* 1 */
        
        input[type="reset"],
        input[type="submit"] {
            -webkit-appearance: button;
            /* 2 */
            cursor: pointer;
            /* 3 */
        }
        /**
 * Re-set default cursor for disabled elements.
 */
        
        button[disabled],
        html input[disabled] {
            cursor: default;
        }
        /**
 * Remove inner padding and border in Firefox 4+.
 */
        
        button::-moz-focus-inner,
        input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }
        /**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
        
        input {
            line-height: normal;
        }
        /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
        
        input[type="checkbox"],
        input[type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
        }
        /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
        
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            height: auto;
        }
        /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
        
        input[type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            /* 2 */
            box-sizing: content-box;
        }
        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        /**
 * Define consistent border, margin, and padding.
 */
        
        fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em;
        }
        /**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
        
        legend {
            border: 0;
            /* 1 */
            padding: 0;
            /* 2 */
        }
        /**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
        
        textarea {
            overflow: auto;
        }
        /**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
        
        optgroup {
            font-weight: bold;
        }
        /* Tables
   ========================================================================== */
        /**
 * Remove most spacing between table cells.
 */
        
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        
        td,
        th {
            padding: 0;
        }
        /* =========================== Fin normalize.css =========================== */
        /* ==========================================================================
   Estilos base
   ========================================================================== */
        
        body {
            /*font-family: "Open Sans", Arial, Verdana, sans-serif;*/
            font-size: 14px;
            color: #222;
        }
        
        a:-webkit-any-link {
            color: #2ba6cb;
        }
        
        a:-moz-any-link {
            color: #2ba6cb;
        }
        
        a,
        a:link {
            color: #2ba6cb;
            text-decoration: none;
        }
        
        a:visited {
            color: #2ba6cb;
            text-decoration: none;
        }
        /*a:focus {}*/
        
        a:hover {
            color: #2795b6;
            text-decoration: underline;
        }
        
        a:active {
            color: #2795b6;
            text-decoration: underline;
        }
        
         ::-moz-selection {
            color: #fff;
            background-color: #0eb6f1;
            text-shadow: none;
        }
        
         ::selection {
            color: #fff;
            background-color: #0eb6f1;
            text-shadow: none;
        }
        /*Hacer las imágenes inline-block por defecto*/
        
        img {
            display: inline-block;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /* ==========================================================================
   Tipografía - Medidas base: 14px/21px
   ========================================================================== */
        /*
   Tipos
   ========================================================================== */
        /*Open Sans: 400, 700; importado desde Google fonts. Ver línea 1.*/
        /*
   Baseline
   ========================================================================== */
        /*Remover margen predefinido por navegadores*/
        
        h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3,
        h4,
        .h4,
        h5,
        .h5,
        h6 .h6 {
            margin-top: 0;
        }
        /*
1) line-height es 1.5 veces el tamaño base de la fuente. Para h1 y h2 es
3 veces (el doble) porque ambos son más grandes que 1.5 veces la fuente base
(así toma 2 líneas).

2) Para margin-bottom, 1.5 veces el tamaño base de la fuente para todos.

3) Se declaran también como clases para poder utilizar sus propiedades,
permitiendo mantener la semántica.
Caso de uso: Se desea poner un título principal en un tamaño pequeño, por lo
que se usa un h5, porque es el que tiene el tamaño buscado. No es accesible ni
semánticamente correcto hacer esto. Estas clases son una solución para este y
otros problemas. Ejemplo de uso: <h1 class="h5">Título</h1>
*/
        
        h1,
        .h1 {
            font-size: 3em;
            /*42*/
            line-height: 1em;
            /*42*/
            margin-bottom: .5em;
            /*21*/
        }
        
        h2,
        .h2 {
            font-size: 2 em;
            /*32*/
            line-height: 1.3125em;
            /*42*/
            margin-bottom: 0.65625em;
            /*21*/
        }
        
        h3,
        .h3 {
            font-size: 1.5em;
            /*21*/
            line-height: 1em;
            /*21*/
            margin-bottom: 1em;
            /*21*/
        }
        
        h4,
        .h4 {
            font-size: 1.2857em;
            /*18*/
            line-height: 1.1666em;
            /*21*/
            margin-bottom: 1.1666em;
            /*21*/
        }
        
        h5,
        .h5 {
            font-size: 1.1428em;
            /*16*/
            line-height: 1.3125em;
            /*21*/
            margin-bottom: 1.3125em;
            /*21*/
        }
        
        h6,
        .h6 {
            font-size: 1em;
            /*14*/
            line-height: 1.5em;
            /*21*/
            margin-bottom: 1.5em;
            /*21*/
        }
        /*ol, ul, p {
	font-size: 1em;
	line-height: 1.5em; 
}*/
        
        p {
            margin: 0 0 1.5em 0;
            /*21*/
        }
        /*ul, ol { margin: 1.5em 0; /*21*/
        /*Hacer pequeño el texto alternativo de una imagen y que no rompa las palabras
al tamaño de esta [la imagen, cuando tiene un width fijo]. Intencionado para
ser usado en un elemento <img>, como respaldo para cuando no cargue la imagen.
Si el alt está vacío, no es necesario agregarle esta clase.
Caso de uso: ícono para ver información del hotel en la página de detalle.*/
        
        .alt-small {
            font-size: 10px;
            white-space: nowrap;
        }
        /* ==========================================================================
   Site Layout
   ========================================================================== */
        /*Lista inline con bordes para división*/
        
        .inline-list {
            margin: 10px 0;
            padding: 0;
        }
        
        .inline-list li {
            padding: 0 5px;
            border-left: 1px solid #999;
            display: inline-block;
            /*IE7 fix*/
            zoom: 1;
            display: inline;
        }
        
        .inline-list li:first-child {
            border-left: 0;
            padding-left: 0;
        }
        /*
Simple ul sin bullets, margen ni padding. Pudo haberse llamado .noammo ... ;)
Esta clase está intencionada para ser usada con una lista (razón por la que
esta declarada con ul). En caso de usar esto a gran escala en una sola página,
puede ser recomendable remover el ul y dejar la clase por temas de rendimiento.
*/
        
        ul.nobullets {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        ul.nospacing {
            margin: 0;
            padding: 0;
        }
        /*.container {}
Es solo un bloque.*/
        /*container-inner pensado para ser utilizado dentro de un elemento contenedor,
como el showcase para las ofertas o un simple div con clase .container para
dar a entender para qué es el div y por semántica. Esto porque este stylesheet
esta diseñado utilizando content-box, no border-box.*/
        
        .container-inner {
            padding: 1em 7.5px;
        }
        /*
   Secciones principales del layout
   ========================================================================== */
        
        #main {
            width: 960px;
            margin: 0 auto;
        }
        /*
   Cabecero y botonera
   ========================================================================== */
        
        .slogan-line1 {
            color: #96cafc;
        }
        
        .slogan-line2 {
			padding-left: 0;
			color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap:7px;
        }
		.aereo{
			color: #E4A01D;
			font-size: 26px;
			font-weight: 600;
			margin-top: -3px;
		}
        /*#contact-info {
	color: #fff;
	font-size: 0.8125rem;
	line-height: 1.2;
	margin-top: 6px;
}*/
        
        .header-contact-email,
        .header-contact-email:link,
        .header-contact-phone,
        .header-contact-phone:link {
            color: #fff;
            font-size: 1rem;
        }
        
        .header-contact-email {
            font-family: Dosis, sans-serif;
        }
        
        .header-contact-phone {
            font-weight: bold;
        }
        /*
   Pie
   ========================================================================== */
        /*#site-footer {
	color: #999;
	margin-top: 1.5rem;
}

.site-footer-topbar {
	background-color: #0088cb;
	height: 1rem;
}
*/
        /*#site-footer address {
	color: #999;
	font-size: 0.875rem;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 1.5rem 4px;
	max-width: 345px;
}
#site-footer address hr { margin: 0.5em 0;  }

.footer-contact-phone {
	font-size: 1.125rem;
	line-height: 1.5;
}*/
        
        #about-us {
            font-size: 16px;
        }
        
        #about-us:hover b,
        #about-us:hover span {
            text-decoration: underline;
        }
        
        #footer-website-list {
            text-align: center;
            margin: 1.5rem auto;
            padding: 0;
            width: 100%;
            list-style: none;
        }
        
        .website {
            font-size: 0.875rem;
            background-color: #f6f6f6;
            border: 1px solid #dbdbdb;
            display: inline-block;
            margin: 0 1rem;
        }
        
        .website:hover {
            background-color: #fff;
            border-color: #0088cb;
        }
        
        .website a {
            color: #333;
            display: block;
            padding: 4px;
        }
        
        .website a:hover {
            text-decoration: none;
        }
        
        .website.current {
            background-color: #fff;
            border: 1px solid #f79a0e;
        }
        
        .footer-cond_grales:hover {
            text-decoration: underline;
        }
        /*Force para el pie*/
        
        .text-color-d:link {
            color: #005190;
        }
        /*
   Buscador interno
   ========================================================================== */
        /*Este es el contenedor para el buscador de ofertas y buscador de viajes*/
        
        #buscador {
            width: 960px;
            margin: 1.5em 0;
            background-color: #f1f1f1;
        }
        
        #busca-ofertas,
        #busca-viajes {
            display: inline-block;
            vertical-align: top;
        }
        
        #busca-ofertas {
            width: 670px;
            border-right: 4px solid #fff;
        }
        
        #busca-viajes {
            width: 286px;
            height: 185px;
        }
        
        #buscador label {
            display: block;
        }
        
        .buscador-form-row {
            margin-top: 1.5em;
        }
        
        .buscador-form-row:first-child {
            margin-top: 0;
        }
        
        .buscador-form-cell {
            display: inline-block;
            margin-right: 5px;
        }
        
        #selector-destino,
        #txtFecha,
        #selector-precio,
        #selector-origen {
            width: 210px;
            display: inline-block;
        }
        
        #paxAdultos,
        #paxNinos,
        #paxBebes {
            width: 67px;
        }
        
        #BtBuscarOfertas {
            padding: 0.5em 2em;
            margin-left: 5em;
        }
        
        #selector-destino optgroup {
            color: #fff;
            background-color: #f79a0e;
        }
        
        #selector-destino option {
            color: #666;
            background-color: #fff;
        }
        
        #selector-destino .pais {
            color: #000;
            background-color: #f6f6f6;
        }
        /*
   Títulos/Cabeceros de secciones
   ========================================================================== */
        
        .section-title,
        .section-title--highlight,
        .section-pais {
            color: #fff;
            font-size: 1.5em;
            /*21*/
            line-height: 1em;
            /*21*/
            margin-bottom: 0;
            /*21*/
            padding: 4px 0 4px 8px;
        }
        
        .section-title,
        .section-pais {
            background-color: #f76c0f;
        }
        
        .section-title--highlight {
            background-color: #0088cb;
        }
        /*Para cuando tenga anchor*/
        
        .section-title a:link,
        .section-title a:visited {
            color: #fff;
            text-decoration: none;
        }
        
        .section-title a:hover {
            color: #fefefe;
            text-decoration: underline;
        }
        /*
border-top es para crear ilusión de que estan separados los contenedores.
*/
        
        .section-pais {
            margin-bottom: 21px;
            border-top: 21px solid #fff;
        }
        /*
Para que no le agregue el borde blanco al primer país.
Esto no funcionará si el país no es el primer elemento hijo del elementro padre.
Por esta razón, debe colocarse de primer lugar justo luego del .showcase y el
.noencontro después en ofertapaises.
*/
        
        .section-pais:first-child {
            border-top: 0;
        }
        /*Para que no deje un espacio vacío cuando no hay descripción*/
        
        .section-description {
            margin: 0;
        }
        /*En ofertas*/
        
        .section-description-container {
            margin-bottom: 21px;
        }
        /*Foto de la sección*/
        
        .section-photo {
            margin-right: 4px;
        }
        /*
   Showcase y contenedores de ofertas
   ========================================================================== */
        /*
- showcase: es el mostrador/la vitrina/contenedor de las ofertas;
- considebar: Agregar un sidebar al lado. Contrae el ancho del showcase para
	que el lateral pueda colocarse a su lado;
- oferta-{l,m,s}:contenedor de oferta (l)arge, (m)edium[?] y (s)mall;
*/
        /* Medidas
Lateral: tiene 220px, que es el 22.916% de 960px;
Por lo tanto, sidebar tiene width:22.916%, restándole 77.083% al showcase.
Para esto es la clase considebar, para que el showcase tome el 77.083% que
resta. Puede funcionar bien sin esta clase, ya que no pasa del sidebar
flotado, pero esta solo por precaución.

sidebar:220px;
showcase con sidebar:740px;
*/
        /*importante: .showcase debe estar antes de .considebar.*/
        
        .showcase {
            width: 100%;
        }
        
        .considebar,
        .showcase-considebar {
            width: 77.083%;
        }
        
        .showcase,
        .considebar,
        .showcase-considebar,
        .container,
        .section-container {
            background-color: #f1f1f1;
        }
        
        .sidebar {
            width: 22.916%;
        }
        
        .showcase .container-inner {
            padding: 14px;
        }
        /*
   Ofertas
   ========================================================================== */
        
        .ofertas-titulares,
        .oferta-l,
        .oferta-s {
            text-align: left;
            position: relative;
            vertical-align: top;
            display: inline-block;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /*
	Ofertas titulares
*/
        /* Tamaño grande*/
        /*.ofertas-titulares { width: 310px; margin: 0 0 60px 103px; }*/
        /*Tamaño pequeño*/
        
        .ofertas-titulares {
            width: 220px;
            margin: 0 21px 21px 0;
        }
        /*Como son 3 columnas, se le remueve el margen a la primera columna para que
quede centrado en el contenedor. Otra manera de verlo: cada fila tiene 3
listados/objetos/contenedores de ofertas titulares. El primero de cada fila se
le remueve el margen para que quede centrado en el contenedor.

Nota: el contenedor debe tener text-align:center para que los contenedores de
ofertas titulares se centren dentro de este. Esto es posible porque
.ofertas-titulares es tipo inline-block.
*/
        
        .ofertas-titulares:nth-child(3n+3) {
            margin-right: 0;
        }
        
        .ofertas-titulares_img {
            display: block;
            line-height: 0;
        }
        
        .ofertas-titulares_zona {
            color: #0088cb;
            margin-bottom: 4px;
            font-size: 20px;
        }
        
        .ofertas-titulares_titular {
            background-color: #fff;
            border-bottom: 2px solid #f6f6f6;
        }
        
        .ofertas-titulares_titular a {
            display: block;
        }
        
        .ofertas-titulares_titular:hover {
            background-color: #f6f6f6;
        }
        
        .ofertas-titulares_titular:hover .ofertas-titulares_precio {
            color: #0088cb;
        }
        
        .ofertas-titulares_destino,
        .ofertas-titulares_precio {
            display: inline-block;
            vertical-align: middle;
            padding: 2px 0;
        }
        
        .ofertas-titulares_destino {
            color: #666;
            font-size: 1em;
            /*14*/
            line-height: 1.5em;
            /*21*/
            width: 59%;
            padding-left: 2px;
        }
        
        .ofertas-titulares_precio {
            color: #f79a0e;
            font-size: 1.1428em;
            /*16*/
            line-height: 1.3125em;
            /*21*/
            font-weight: bold;
            text-align: right;
            width: 39%;
            padding-right: 2px;
        }
        /*
	Oferta tamaño Large
*/
        
        .oferta-l {
            width: 460px;
            margin: 0 0 21px 12px;
            background-color: #f9f9f9;
        }
        /*
	Oferta tamaño Small
*/
        
        .oferta-s {
            width: 365px;
            margin: 0 0 21px 65.8px;
            background-color: #f9f9f9;
        }
        /*Secciones héroe de las ofertas*/
        
        .oferta-l-hero {
            width: 300px;
            display: inline-block;
        }
        
        .oferta-s-hero {
            background-color: #fff;
        }
        /*Click to action (cta) de las ofertas tamaño Small.*/
        
        .oferta-s-hero-cta {
            color: #f79a0e;
            display: inline-block;
            vertical-align: middle;
            margin-left: 4px;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /*Click to action (cta) de las ofertas tamaño Large.*/
        
        .oferta-l-hero-cta {
            display: block;
            padding-right: 4px;
        }
        
        .oferta-img {
            position: relative;
            overflow: hidden;
            display: inline-block;
            background-image: url(../img/imagenrota.png);
            background-color: #fff;
            background-position: center top;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /* Tamaños imágenes */
        
        .oferta-l-hero>.oferta-img,
        .oferta-l>.oferta-img {
            width: 300px;
            height: 120px;
        }
        
        .oferta-s-hero>.oferta-img,
        .oferta-s>.oferta-img {
            width: 220px;
            height: 110px;
            vertical-align: middle;
        }
        /* Soporte imágenes deprecadas: mostrar centradas */
        
        .oferta-img>img[width="100"],
        .oferta-img>img[width="154"],
        .oferta-img>img[width="250"],
        .oferta-img>embed[width="154"] {
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        
        .oferta-img>img[width="100"] {
            width: 100px;
            height: 62px
        }
        
        .oferta-img>img[width="154"] {
            width: 154px;
            height: 96px
        }
        
        .oferta-img>img[width="250"] {
            width: 250px;
            height: 199px
        }
        
        .oferta-img>embed[width="154"] {
            width: 154px;
            height: 96px
        }
        
        .oferta-detalle {
            position: relative;
            padding: 4px;
        }
        
        .oferta-l>.oferta-detalle {
            background-color: #fff;
            display: inline-block;
            vertical-align: top;
            width: 156px;
            min-height: 158px;
            padding: 0 0 0 4px;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        
        .oferta-destino,
        .oferta-ciudad {
            color: #0088cb;
        }
        
        .oferta-destino {
            font-weight: bold;
        }
        
        .oferta-regimen,
        .oferta-tasas {
            color: #414141;
            font-weight: bold;
        }
        
        .oferta-pension {
            /*para que funcione :first-letter*/
            display: inline-block;
        }
        
        .oferta-pension:first-letter {
            text-transform: uppercase;
        }
        
        .oferta-precio {
            color: #0088cb;
            font-size: 1.714em;
            /*24px*/
            font-weight: bold;
        }
        
        .oferta-precio-detalle {
            color: #0088cb;
            font-size: 1em;
            font-style: italic;
        }
        
        .oferta-origen {
            color: #f79a0e;
        }
        /*
   Datos de ofertas
   ========================================================================== */
        
        .lista-origenes,
        .lista-combinados {
            list-style: none;
            display: block;
            margin: 0 0 1.5em 0;
            padding: 0;
        }
        
        .lista-combinados {
            max-width: 755px;
        }
        
        .opcion-origen {
            background-color: #f6f6f6;
            display: inline-block;
            margin-left: 8px;
            padding: 0 4px;
            border-left: 2px solid #e0e0e0;
        }
        
        .opcion-origen:first-child {
            margin-left: 0;
        }
        
        .opcion-combinado {
            background-color: #b0b0b0;
            display: inline-block;
            margin: 0 8px 14px 0;
            padding: 0 6px;
            border-left: 4px solid #f79a0e;
        }
        
        .opcion-combinado:hover {
            background-color: #0089ca;
        }
        
        .opcion-combinado a {
            color: #fff;
            font-weight: 700;
        }
        /*
   Wrappers para ofertas de combinados
   ========================================================================== */
        /*Wrappers horizontales*/
        
        .oferta-wrap-h {
            margin-bottom: 1.5em;
        }
        
        .oferta-wrap-h>.oferta-s {
            width: 220px;
            margin: 0 4px 21px 0;
        }
        
        .oferta-wrap-h .oferta-destino {
            margin: 0 0 21px 0;
        }
        
        .oferta-wrap-h .oferta-detalle {
            background-color: #fff;
        }
        
        .oferta-hotel {
            padding: 4px;
            margin: 0;
        }
        /*
   Lateral
   ========================================================================== */
        /*.lateral {}*/
        /*
   Detalle reserva
   ========================================================================== */
        /*
2 column layout
Debe tener un contenedor con la clase .cf (clearfix) para que no afecte al pie u otra cosa
que esté después de las dos columnas, porque están flotadas.
*/
        
        .column-izq {
            width: 50%;
            float: left;
        }
        
        .column-der {
            width: 48%;
            float: right;
        }
        
        .minAltura {
            min-height: 430px;
        }
        
        .titular-reserva {
            color: #0088cb;
        }
        /*La oferta de la reserva. La oferta que se solicita reservar*/
        
        #oferta-reserva {
            margin-right: 8px;
            background-color: #fff;
        }
        
        #hoteles-combinado {
            margin: 1.5em 0;
        }
        
        #hoteles-combinado img {
            float: left;
            padding-right: 4px;
        }
        /*Separación para las opciones*/
        
        .opcion-reserva {
            margin-bottom: 1.5em;
        }
        
        #alternativas-oferta .input-field {
            margin-bottom: 1.5em;
        }
        
        #alternativas-oferta .input-field label {
            display: inline-block;
            width: 130px;
            text-align: right;
        }
        
        #data-cotizacion-reserva th {
            text-align: left;
        }
        
        #toperador {
            color: inherit;
            font-family: monospace;
            background-color: #f6f6f6;
            text-align: left;
            padding: 8px;
            border: 2px solid #e0e0e0;
            margin: 1.5em auto;
        }
        /*
Estilos para diferenciar data y su valor (data:value)
<span> es la data y value obtiene el color heredado.
Ej: <span>Nombre:</span> Valor
*/
        
        #toperador span {
            color: #999;
            font-size: 12px;
            text-align: right;
            background-color: #fff;
            display: inline-block;
            width: 135px;
            padding: 4px 0;
            border-bottom: 1px solid #f6f6f6;
        }
        /*
   Calendario
   ========================================================================== */
        
        .calendario {
            color: #000;
            width: 100%;
            text-align: center;
            /*table specific styles*/
            border-collapse: separate;
            border-spacing: 7px 5px;
        }
        
        .calendario td {
            width: 70px;
            height: 41px;
        }
        /*Un div adentro del td para habilitar position:relative*/
        
        .calendario div {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .mesCalendario {
            font-size: 1.5em;
            /*21*/
            line-height: 30px;
            font-weight: bold;
        }
        /*Se especifica el color para el día porque está dentro de un anchor, haciendo
que herede el color de este.*/
        
        .diaCalendario {
            color: #333;
            font-size: 80%;
            text-align: right;
            position: absolute;
            right: 4px;
            bottom: 0;
        }
        
        .FechaSeleccionada {
            color: #fff;
            background-color: #88cb00;
        }
        
        .FechaConOferta {
            background-color: #fff;
        }
        
        .FechaSinOferta {
            color: #999;
            background-color: #f6f6f6;
        }
        
        .FechaVacia {
            background-color: transparent;
        }
        
        .FechaSeleccionada:hover,
        .FechaConOferta:hover {
            color: #fff;
            background-color: #0088cb;
        }
        
        .FechaSeleccionada a,
        .FechaConOferta a {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        .FechaSeleccionada:hover a,
        .FechaConOferta:hover a {
            color: #fff;
        }
        
        .FechaSeleccionada .diaCalendario {
            color: #fff;
        }
        
        .FechaConOferta:hover .diaCalendario {
            color: #fff;
        }
        
        .FechaSinOferta .diaCalendario {
            color: #999;
        }
        /*Precio en fecha; precio de esa fecha; precio para esa fecha.*/
        
        .PrecioFecha {
            color: #006ab3;
            font-weight: bold;
            text-decoration: none;
        }
        
        .FechaSeleccionada:hover .PrecioFecha,
        .FechaConOferta:hover .PrecioFecha {
            color: #fff;
            text-decoration: underline;
        }
        
        .PrecioFechaSeleccionada {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }
        
        .PrecioFechaSeleccionada:hover {
            text-decoration: underline;
        }
        /*
   Modificación/Cancelación
   ========================================================================== */
        
        #crear-solicitud .callout,
        #consultar-solicitud .callout {
            margin-top: 0;
        }
        
        #crear-solicitud .input-field,
        #consultar-solicitud .input-field {
            margin-bottom: 1.5em;
        }
        
        #crear-solicitud .input-field label,
        #consultar-solicitud .input-field label {
            text-align: right;
            display: inline-block;
            vertical-align: top;
        }
        
        #crear-solicitud .input-field label {
            width: 150px;
        }
        
        #consultar-solicitud .input-field label {
            width: 95px;
        }
        
        #crear-solicitud textarea {
            width: 267px;
            height: 80px;
            max-width: 267px;
        }
        /* ==========================================================================
   UI elements
   ========================================================================== */
        
        .otro-origen {
            color: #f79a0e;
        }
        
        .callout,
        .noencontro {
            color: inherit;
            background-color: #f6f6f6;
            text-align: center;
            padding: 4px;
            border: 2px solid #e0e0e0;
            margin: 1.5em auto;
        }
        
        .noencontro {
            width: 575px;
            padding: 15px 0;
        }
        
        .error {
            color: #ff4d4d;
        }
        
        input.error {
            color: #fff;
            background-color: #f99;
        }
        /*hr alternativo*/
        
        .hr-alt {
            font-weight: bold;
            border-top: 1px solid #999;
            margin: 1.5em 0;
        }
        /*Expandir texto ("ver más")*/
        
        .crm_more_trigger {
            color: #aaa;
        }
        
        .crm_more_trigger:hover {
            text-decoration: underline;
        }
        /*Enmarcado redondeado*/
        
        .round-thingy {
            background-color: #f17300;
            display: inline-block;
            padding: 4px;
            border-style: solid;
            border-color: #f17300;
            border-width: 1px;
            border-radius: 6px;
            white-space: nowrap;
            /*1*/
        }
        
        .round-thingy-inner {
            color: #666;
            font-weight: bold;
            background-color: #fff;
            display: inline-block;
            padding: 0 4px;
            border-style: solid;
            border-width: 0px;
            border-radius: 4px;
        }
        
        .round-thingy-inner:link {
            color: #666;
        }
        
        .round-thingy:before {
            content: "";
            width: 16px;
            height: 16px;
            background-image: url(/cdn/all/ico/telf_w.png);
            background-size: 16px;
            display: inline-block;
            vertical-align: bottom;
        }
        /*
	Breadcrumbs
*/
        
        #breadcrumb {
            display: block;
            padding: 5px;
            overflow: hidden;
            background-color: #f4f4f4;
            border-color: #e0e0e0;
            margin: 21px 0;
            border-style: solid;
            border-width: 1px;
        }
        
        #breadcrumb.extend {
            width: 949px;
        }
        
        #breadcrumb>.crumb {
            float: left;
        }
        
        #breadcrumb>.crumb:hover,
        #breadcrumb>.crumb:focus {
            text-decoration: underline;
        }
        
        #breadcrumb>.crumb:before {
            /*content: "/";*/
            content: "\0BB \020";
            color: #aaaaaa;
            margin: 0 10.5px;
            position: relative;
            top: 0;
        }
        
        #breadcrumb>.crumb:first-child:before {
            content: " ";
        }
        
        #breadcrumb>.crumb.current {
            cursor: default;
            color: #333333;
        }
        
        #breadcrumb>.crumb.current:hover,
        #breadcrumb>.crumb.current:focus {
            text-decoration: none;
        }
        
        #breadcrumb>.crumb.unavailable {
            color: inherit;
        }
        
        #breadcrumb>.crumb.unavailable:hover,
        #breadcrumb>.crumb.unavailable:focus {
            text-decoration: none;
            color: inherit;
            cursor: default;
        }
        /*
   Botones
   ========================================================================== */
        /*
Clase base para los botones
Nota: ".button" no agregado porque el calendar.js lo utiliza y hacer esto
rompe el calendario. Se puede cambiar el nombre de la clase "button" que utiliza
el calendario pero habría que cambiar todos los calendarios.
*/
        
        .btn {
            cursor: pointer;
            color: #fff;
            font-family: inherit;
            font-size: 1em;
            font-weight: normal;
            line-height: normal;
            text-decoration: none;
            text-align: center;
            position: relative;
            vertical-align: middle;
            display: inline-block;
            margin: 0;
            padding: 0.5em 1.5em;
            background: #f79a0e;
            border: 2px solid #fff;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-appearance: none;
            -webkit-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
            -moz-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
            -ms-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
            -o-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
            transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /*Soporte para anchors <a>*/
        
        .btn:link {
            color: #fff;
        }
        
        .btn:visited {
            color: #fff;
        }
        
        .btn:hover,
        .btn:focus,
        .btn:active {
            color: #fff;
            text-decoration: none;
            background-color: #0088cb;
            border-color: #009ed8;
        }
        /*Si la especificidad pica alguna vez: a.btn, a.button { color: #fff; }
a.btn:hover, , a.button:hover { text-decoration: none; }*/
        /*Modificador para el tamaño del boton*/
        
        .btn--small {
            padding: 2px 16px;
        }
        
        .btn--medium {
            padding: 10px 25px;
        }
        
        .btn--large,
        .btn--big {
            padding: 15px 25px;
        }
        
        .btn--booking {
            padding: 20px 150px;
        }
        
        .btn--extend {
            width: 100%;
            padding: 1.5em 0;
        }
        /*
   Accordion tabs
   ========================================================================== */
        /*Estilos base para el acordeón.*/
        
        .tab {
            padding: 0;
            margin: 0;
            position: relative;
            cursor: pointer;
            outline: 0;
        }
        
        .tab:after {
            content: '+';
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            font-size: 1em;
            padding: 0.5em;
        }
        /*.tab.active { background: transparent; }*/
        
        .tab.active:after {
            content: '-';
        }
        
        .panel {
            overflow: hidden;
        }
        
        .js .panel {
            max-height: 0;
            height: 0;
        }
        
        .js .panel.active {
            max-height: 100%;
            height: 100%;
        }
        /*Estilos para el acordeón con el tema de la web. Donde se vaya a usar el
acordeón, usarlo con esta clase para que salga con los colores/tema de esta
web.*/
        
        .custom-accordion .tab {
            color: #fff;
            background-color: #f79a0e;
            font-size: 1.5em;
            /*21*/
            line-height: 1em;
            /*21*/
            margin: 1em 0 0 0;
            /*21*/
            padding: 8px;
        }
        
        .custom-accordion .panel {
            background-color: #f1f1f1;
            padding: 0;
        }
        
        .custom-accordion .panel.active {
            padding: 1em 8px;
        }
        
        .panel img {
            padding-left: 1em;
        }
        /*Contrarestar el reset del thickbox.css*/
        
        .panel ol,
        .panel ul {
            margin: 1em 0;
            padding: 0 0 0 32px;
        }
        
        .panel p:last-child {
            margin-bottom: 0;
        }
        /*
   Tablas
   ========================================================================== */
        
        .data-vuelos,
        .data-cotizacion-reserva {
            margin: 0 auto 1.5em auto;
            border: 1px solid #fefefe;
            text-align: left;
        }
        
        .data-vuelos th,
        .data-cotizacion-reserva th {
            background-color: #fefefe;
            font-weight: bold;
            border-bottom: 0;
            padding: 5px 10px 5px 10px;
        }
        
        .data-vuelos td,
        .data-cotizacion-reserva td {
            padding: 8px 10px 8px 10px;
            border: 1px solid #fefefe;
        }
        
        .data-cotizacion-reserva {
            width: 100%;
        }
        /*
   Formularios
   ========================================================================== */
        /*
1) Igualar el box-sizing. Por default, select tiene border-box
e input[type=text] tiene content-box. Probado en Chrome 36.0.1985.125 m y Ffox 30
*/
        
        input[type="text"],
        input[type="email"],
        select,
        textarea {
            padding: 2px;
            -webkit-box-sizing: border-box;
            /*1*/
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        #data-solicitante input[type="text"][readonly] {
            color: #666;
            background: #efefef;
            border: 1px solid #dbdbdb;
            padding: 3px;
            outline: 0;
        }
        /*
   Colores para texto y fondos de elementos
   ========================================================================== */
        /*Azul #0088cb*/
        
        .txt-highlight-a,
        .txt-color-a,
        .text-color-a {
            color: #0088cb;
        }
        /*Naranja light #f79a0e*/
        
        .txt-highlight-b,
        .txt-color-b,
        .text-color-b {
            color: #f79a0e;
        }
        /*Rojo #cd1225*/
        
        .txt-color-c,
        .text-color-c {
            color: #cd1225;
        }
        /*Azul Marino fondo cabecero #005190*/
        
        .txt-color-d,
        .text-color-d {
            color: #005190;
        }
        /*Naranja oscuro #f76c0f,*/
        
        .txt-color-e,
        .text-color-e {
            color: #f76c0f;
        }
        /* ==========================================================================
   Animaciones
   ========================================================================== */
        /* ==========================================================================
   Utilidades, helpers
   ========================================================================== */
        
        .hide {
            display: none;
        }
        
        .left {
            float: left;
        }
        
        .right {
            float: right;
        }
        
        .txt-left,
        .text-left {
            text-align: left;
        }
        
        .txt-right,
        .text-right {
            text-align: right;
        }
        
        .txt-center,
        .text-center {
            text-align: center;
        }
        
        .txt-justify,
        .text-justify {
            text-align: justify;
        }
        
        .inlineb {
            display: inline-block;
            zoom: 1;
            *display: inline;
            /*IE<=7*/
        }
        /* Alinear verticalmente elementos inline/inline-block */
        
        .va-top {
            vertical-align: top;
        }
        
        .va-middle {
            vertical-align: middle;
        }
        
        .va-bottom {
            vertical-align: bottom;
        }
        /*Nicolas Gallagher's Micro Clearfix
Aplicar al contenedor donde estará el float (parent), no al elemento que flota.
Otra opción es crear un div con esta clase luego del flotante.*/
        
        .cf:before,
        .cf:after {
            content: " ";
            display: table;
        }
        
        .cf:after {
            clear: both;
        }
        /* For IE 6/7 only */
        
        .cf {
            *zoom: 1;
        }
        /*Hacer que el atributo tenga mayor prioridad y así prevenir que otra clase
lo cambie en la cascada*/
        
        [hidden] {
            display: none !important;
        }
        
        .ofertas-titulares__caption {
            background-color: #005190;
            color: #fff;
            font-size: 1.1em;
            line-height: 1.5;
            padding-right: 15px;
            text-align: right;
        }
        /*
	Simular clases de zurb foundation, sin cambio de @media, mientras tanto:
*/
        /*Fijar tamaños*/
        
        .fixed-row {
            width: 1160px;
            margin: 0px 30px;
            padding-left: 40px;
            box-shadow: 0px 0px 5px rgba(55, 55, 55, 0.8);
        }
        
        .fixed-row:before,
        .fixed-row:after {
            content: " ";
            display: table;
        }
        
        .fixed-row:after {
            clear: both;
        }
        
        .fixed-large-6-l,
        .fixed-large-6-r,
        .fixed-large-9,
        .fixed-large-3 {
            float: left;
        }
        
        .fixed-large-9 {
            width: 75%;
        }
        
        .fixed-large-6-l,
        .fixed-large-6-r {
            width: 48%;
        }
        
        .fixed-large-3 {
            width: 25%;
        }
        /*Ajuste para el pie*/
        
        .section-container .fixed-large-6-l,
        .section-container .fixed-large-6-r {
            padding-top: 21px;
        }
        
        .section-container .fixed-large-6-l {
            padding-left: 14px;
        }
        
        .section-container .fixed-large-6-r {
            padding-right: 14px;
        }
        
       
     
        /* Fixed for menu */
        
        #site-nav .fixed-row {
            /*width: 1060px;*/
            width: 112px;
        }
        /*
	Reviews
*/
        
        .review-single {
            margin: 20px 0;
        }
        
        .review-profile-picture {
            height: 50px;
            width: auto;
            border-radius: 50%;
        }
        
        .review-rating {
            padding-right: 10px;
        }
        
        .review-single h6 {
            margin: 0;
        }
        /*
	Stars
*/
        
        .no-margin {
            margin: 0;
        }
        
        .big-star {
            background: url("../img/ui/big_rating.png");
            width: 100px;
            height: 100px;
            display: inline-block;
            margin: 5px 0;
            position: relative;
        }
        
        .big-rating {
            position: absolute;
            color: #fff;
            top: 42%;
            left: 36%;
            font-size: 1.2em;
        }
        
        .star {
            background: url("../img/ui/star_rating.png") repeat-x;
            display: inline-block;
            font-size: 0;
            height: 21px;
            line-height: 0;
            overflow: hidden;
            text-indent: -999em;
            width: 110px;
            margin: 5px 0;
        }
        
        .star-rating {
            background: url("../img/ui/star_rating.png") repeat-x;
            background-position: 0 100%;
            float: left;
            height: 21px;
            display: block;
        }
        
        .star-rating:not([data-rating]),
        .star-rating[data-rating="0"] {
            width: 0%;
        }
        
        .star-rating[data-rating="1"] {
            width: 20%;
        }
        
        .star-rating[data-rating="2"] {
            width: 40%;
        }
        
        .star-rating[data-rating="3"] {
            width: 60%;
        }
        
        .star-rating[data-rating="4"] {
            width: 80%;
        }
        
        .star-rating[data-rating="5"] {
            width: 100%;
        }
        /*
	Combinados Stuffs
*/
        
        .select-oferta__item {
            background-color: #e5e5e5;
            border-left: 5px solid #f17300;
            padding: 3px;
            margin-bottom: 3px;
            display: inline-block;
            display: inline-block;
            zoom: 1;
        }
        /*Mis estilos*/
        
        #header {
            width: 100%;
        }
        
        #site-header {
            color: #fff;
            background: linear-gradient(100deg, #1687c5 5%, #00528D);
            height: 71px;
            position: static;
            width: 100%;
            padding: 00px;
            box-sizing: border-box;
        }
        
        #brand-logo {
            width: 100px;
            display: inline-block;
            vertical-align: middle;
            margin-left: -10px !important;
        }
        
        #brand-slogan {
            font-size: 12px;
            font-weight: bold;
            line-height: 1.1;
            display: inline-block;
            vertical-align: middle;
        }
        
        span#brand-slogan {
            padding-left: 32px;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
        }
        
        .brand-mail {
            transform: translate(370px, -75px);
        }
        
        .brand-mail ul {
            padding-left: 0px;
            font-size: 13px;
        }
        
        .brand-mail li {
            list-style-type: none !important;
            display: inline-block;
            padding: 0px 16px;
            margin-left: 50px;
        }
        
        .brand-mail li a {
            color: white;
        }
        
        .brand-tel span {
            font-size: 16px;
        }
        
        .subir-li {
            display: block;
            float: left;
            position: relative;
            left: 15px;
        }
        
       
        ul li span {
            padding-left: 1px;
        }
        
        .subir-li {
          display: flex;
   	 justify-content: center;
   	 align-items: center;
        }
         .subir-li a{
	 	display: flex;
   		 justify-content: center;
   		 align-items: center;
    		font-size: 18px;
   		 color: #fff;
	 }
	   .subir-li span{
	   font-size: 18px;
	   }
	 .icono__nuevo{
	 	 width: 30px;
	  }
        .brand-tel {
            text-align: right;
            display: inline-flex;
            color: white;
            position: relative;
            bottom: 199px;
            left: 989px;
            list-style-type: none;
        }
        
        .brand-tel ul {
            list-style-type: none;
        }
        
        .brand-tel ul li {
            height: 17.5px;
        }
        
        .brand-tel li a {
            font-size: 16px;
            font-weight: normal;
            font-style: normal;
            color: white;
        }
        
        #brand {
            height: 50px;
            width: 100%;
        }
        
        #site-nav {
            font-size: 14px;
            height: 40px;
            width: 100%;
            background: linear-gradient(#DEDFE0, #F7F7F7) #DEDFE0;
           
        }
        
        #site-nav ul {
           background: rgb(230,125,32);
		   width: 100%;
		   padding: 0;
		   display: flex;
		   margin-top: 0;
		   padding: 10px;
		   justify-content: center;
            flex-wrap: wrap;
            list-style: none;
           
        }

/* Media Queries for Responsiveness */
@media screen and (max-width: 768px) {
    #brand {
        flex-direction: column;
        text-align: center;
    }

    #brand-logo {
        margin-right: 0;
        margin-bottom: 0px;
    }

    .menu.menu-up {
        flex-direction: column;
    }


    .subir-li {
        margin: 10px 0;
    }

    .subir-li:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    #site-nav ul {
        flex-direction: column;
        align-items: center;
    }

    #site-nav ul li {
        margin: 10px 0;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
	#main {
        margin-top: 19rem;
    }
}
        /*CSS hacks para explorer*/
        
        @media screen and (-ms-high-contrast: active),
        screen and (-ms-high-contrast: none),
        (-ms-max-width: 1500px) {
            #site-nav ul {
                margin: 32px auto;
            }
        }
        
        #site-nav li {
            display: inline-block;
           
        }
        
        #site-nav li:first-child {
            border-left: 0;
        }
        
        #site-nav a {
            color: #fff;
            font-size: 16px;
            /*font-weight: bold;*/
            text-align: center;
            display: block;
            padding: 4px 12px;

        }
        
        #site-nav a:hover {
            color: rgb(230,125,32);;
            background-color: #fff;
            text-decoration: none;
            height: 100%;
        }
        
        #WhatsApp {
            position: relative;
            top: 5px;
        }
        
        #header {
            height: 230px;
           
        }
        
        #main {
            transform: translateY(-100px);
        }
        
       
        
        #site-footer {
            text-align: center;
        }
        
      
        
       
        
        .img-footer {
            text-align: center;
        }
        
        .footerWebs {
            text-align: center;
        }
        
        .footerWebs a {
            padding: 5px;
            margin-right: 10px;
        }
        
       
        
        hr {
            /*max-width: 75rem;*/
            height: 0;
            border-right: 0;
            border-top: 0;
            border-bottom: 1px solid #cacaca;
            border-left: 0;
            margin: 1.25rem auto;
            clear: both;
            width: 950px;
            text-align: center;
        }
        
        .alinear {
            position: relative;
            left: 20px;
            top: 10px;
        }
        
        .alinear2 {
            position: relative;
            left: 25px;
            top: 10px;
        }
        
        .icono-mover {
            position: relative;
            top: 4px;
        }
        
        .p-co {
            text-align: center;
            margin-right: 151px;
            margin-left: 152px;
           

        }
        
        .brand-tel-co {
            bottom: 120px;
            left: 959px;
        }
        
        .brand-mail-co {
            transform: translate(689px, -75px)
        }
        
        @media only screen and (min-width: 1600px) {
            .fixed-row {
                width: 60% !important;
                position: relative;
                left: 370px;
                height: 70px;
                transform: translate(-45px);
		display: flex;
            }
	    .text-right{
			position: relative;
    		left: 26%;   
			top:-70px;			
	    }
		li.subir-li{
			
			border-right: 1px solid #fff;
			padding-right: 10px;
		}
		li.subir-li:last-child{
			
			border:none;
		}
	    .menu.menu-up{
	        display: flex;
   		justify-content: center;
   		align-items: center;
    		gap: 10px;
            flex-wrap: wrap;
    padding: 0;
    margin: 10px 0;
    width: 100%;
	    }
           
           
            .p-co {
                margin-right: 550px;
                margin-left: 553px;
            }
            .brand-tel-co {
                bottom: 120px;
                left: 973px;
            }
            .brand-mail-co {
                transform: translate(706px, -75px);
            }
        }
        
        .WhatsApp-co {
            left: 5px;
        }
        
        .margen-co {
            margin-bottom: 13px;
        }
        
        .img-co {
            transform: translateY(5PX);
        }
        
        @media only screen and (max-width: 1500px) {
            .site-nav2 ul {
                bottom: 5px !important;
                right: 233px;
            }
        }
        
        .ec-numero {
            bottom: 119px;
            transform: translate(49px);
        }
        
        #ec-imgTelefono {
            top: 0px;
            transform: translate(6px);
        }
        
        .brand-mailec {
            transform: translate(696px, -75px);
        }
        
        #site-header {
           
            height: 90px;
        }
        
        @media only screen and (min-width: 1600px) {
            .fixed-row {
                width: 1173px !important;
                position: relative;
                left: 370px;
                height: 89px;
                transform: translate(-45px);
            }
        }
        
        #site-nav {
            font-size: 14px;
            height: 37px;
            width: 100%;
           background: rgb(230,125,32);
           
        }
        

        
        span#brand-slogan {
            padding-left: 5px;
        }
        
        li.alinear p,
        li.alinear2 p {
            padding-top: 9px;
        }
        
        #brand .brand-tel {
            left: 974px;
            margin-left: -60px;
        }
        
        .brand-mail {
            transform: translate(464px, -75px);
            width: 722px;
        }
        
        .redes {
            font-size: 17px;
            border-left: 2px solid #999;
            color: #999;
        }
        
        .icon_facebook,
        .icon_youtube {
            font-size: 30px;
            color: #333
        }
        
        a.icon_facebook:hover {
            background-color: #01518E !important;
            color: #fff !important;
            border-radius: 10px 10px;
            padding: 5px 15px 5px 15px;
            transition: all 0.5s;
        }
        
        a.icon_youtube:hover {
            background-color: #FF0000 !important;
            color: #fff !important;
            border-radius: 10px 10px;
            padding: 5px 15px 5px 15px;
            transition: all 0.5s;
        }
        
        #site_nav_nuevo {
            background: linear-gradient(#DEDFE0, #F7F7F7) #DEDFE0;
            padding: 0;
            margin: 0;
        }
        
        #site_nav_nuevo ul {
            display: flex;
            list-style: none;
            justify-content: flex-start;
            align-items: center;
            padding: 0;
            margin: 0;
            padding-left: 116px;
        }
        
        #site_nav_nuevo ul a {
            display: block;
            padding: 10px 19px;
            color: #005190;
            border-left: 1px solid #fefefe;
            font-weight: 550;
        }
        
        #site_nav_nuevo ul a:hover {
            background: #f79a0e;
            color: white;
        }
        
        @media screen and (max-width: 1500px) {
            #site-header {
                overflow: hidden;
            }
            .fixed-row {
                width: 100%;
                padding: 0;
                margin: 0px 28px;
            }
            #brand-logo {
                margin-left: 5px !important;
            }
        }
        
        @media only screen and (max-width: 1400px) and (min-width: 1300px) {
            #site-nav ul {
                bottom: 0 !important;
                left: 57px;
            }
        }
        
        @media screen and (max-width: 1200px) {
            .brand-mail {
                transform: translate(394px, -75px);
            }
            #brand .brand-tel {
                bottom: 163px !important;
                left: 916px;
            }
        }
        
        @media screen and (max-width: 1070px) {
            .brand-mail {
                transform: translate(328px, -75px);
                width: 722px;
            }
            #brand .brand-tel {
                bottom: 163px !important;
                left: 847px;
            }
            #site_nav_nuevo ul {
                padding-left: 27px;
            }
            .fixed-row {
                margin: auto 52px;
                /*! margin-right: auto; */
            }
            /*#site_nav_nuevo ul a{
	padding:10px 15px;
}
.brand-mail {
    transform: translate(301px,-75px);
    width: 722px;
}
#brand .brand-tel {
    bottom: 198px !important;
    left: 810px;
}*/
        }
        /*---------------------------------
			Nuevo header
----------------------------------*/
        
        .header_secundario {
            display: flex;
            justify-content: space-around;
            width: 85%;
            margin: 0 auto;
            height: 85px;
        }
        
        .menu_ul_ordenados {
            list-style: none;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 3px;
            font-size: 14px;
        }
        
        .menu_ul_ordenados a {
            color: #fff;
            padding-right: 17px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            margin-top: 5px;
            font-weight: 540;
        }
        
        .tel_segundo {
            margin-bottom: -28px;
            padding-top: 13px;
            font-size: 15px;
            font-weight: 00;
            padding-left: 25px;
        }
        
        .logo {
            padding-left: 40px;
            border-left: 2px solid rgba(0, 0, 0, 0.1);
            ;
        }
        
        .menu_nav {
            margin-left: 218px;
        }
        
        @media screen and (max-width:1400px) {
            .menu_nav {
                margin-left: 60px;
            }
            @media screen and (max-width:1300px) {
                .menu_nav {
                    margin-left: 50px;
                }
                div.menu_nav ul {
                    bottom: 0 !important;
                }
            }
            .img_centradas {
                display: flex;
                justify-content: center;
            }
            .telefono {
                font-size: 16px !important;
            }
            li.wtp {
                margin-top: 11px;
                font-size: 16px !important;
                margin-top: 2px;
                display: flex;
            }
            .wtp a {
                color: white;
            }
.do .subir-li a{
	margin-top: 10px;
    display: block;
    margin-right: 70px;
	font-size: 16px;
}
.do .subir-li span {
	display: flex;
    align-items: center;
	color: #ffffff !important;
}
.do .subir-li span img {
	width: 36px;
    height: 21px;
	margin-right: 0 !important
}

.do .subir-li a {
	margin: 0;
}
}