.cssFile_603_core {}
/*
	core.css
	www.atrapalo.com

	Index
	-------------------------
	01. Reset
	02. Font face
	    02.01. Icon font
	03. Chat de ayuda
	04. Iconos genéricos
	05. Btn
	06. Fresh button (Ayuda y sugerencias)
	07. Publicidad: SKY
	08. Colores opis
	09. Triángulo naranja de descuento
	10. Cajas de error: errorbox, error_box, box-error, box_error, etc.
	11. SplashMin
	11. Aviso de cookies / navegador desactualizado
	12. Breadcrumb
*/


/*  01. Reset
===========================================================================================================*/

body {
    font-size: 12px;
    color: #444;
    text-align: left;
    background-color: #f0f0f0;
    -webkit-text-size-adjust: 100%;
}

body {
    font-smooth: always !important;
    -moz-osx-font-smoothing: grayscale !important;

    font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;

    text-rendering: optimizeLegibility;
}

body, div, p, span, h1,h2, h3, h4, h5, h6, em, big, strong, small, pre, code, tt, kbd, dfn, acronym, abbr, address,
blockquote, q, cite, ins, del, iframe, form, fieldset, input, textarea, button, select, option, ul, ol, dl, dd, table,
caption, th, td, thead, ul ul, ol ul, ul ol, ol ol {
    margin: 0;
    padding: 0;
}
p, h1,h2, h3, h4, h5, h6, kbd, address, blockquote, label, legend, input, textarea, li, dt, dd, caption, th, td {
    font-size: 12px;
    line-height: 14px;
}
body, kbd, input, textarea {font-family: 'open_sansregular',sans-serif;}
body, div, p, span, acronym, abbr, iframe, form, ul, ol, dl, table, thead, img {
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

p, h1,h2, h3, h4, h5, h6, pre, code, tt, kbd, dfn, acronym, address, blockquote, q, cite, ins, del, iframe, form { display: block; }
a {
    color: #de0000;
    text-decoration: none;
    outline: 0 none;
}
a:hover { text-decoration: underline; }
a:visited, a:hover { color: #de0000; }
a:active { color: #e74040; }
a:focus { outline: none; }
big {
    font-size: 13px;
    line-height: 15px;
}
small {
    font-size: 11px;
    line-height: 13px;
}
sup, sub {
    font-size: 10px;
    line-height: 12px;
}
pre, code { color: #999; }
acronym, abbr { cursor: help; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {/*chrome-safari*/
    content: '';
    content: none;
}
fieldset { border: none; }
legend { color: #000; }
textarea { overflow: auto; }
ul, ol { list-style: none; }
table { border-collapse: collapse; }
caption {
    text-align: left;
    border-spacing: 0;
}
hr { height: 1px; }
header, footer, aside, nav, article, section { display: block; }

/* Reset HTML5 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

input[type="button"],
input[type="submit"]{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.hard-reset {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}

/*	Layout
===========================================================================================================*/


/* Ocultamos pixel de trackeo para resultados/carrito */
.tracking-pixel { visibility: hidden; }


#header .inside {font-size:10.5625px;} /* vuelvo a poner la font-size default a la cabezera */

.alignCenter {text-align: center;}
.floatl { float: left; }
.floatr { float: right; }

.block {display: block;}

.margin0Auto { margin: 0 auto !important;}

/* Margin Top */
.margintop10 { margin-top: 10px !important; }
.margintop20 { margin-top: 20px !important; }

/* Margin Right */
.marginright20 { margin-right: 20px; }

/* Padding Top */
.paddingbot10, .padbot10 { padding-bottom: 10px; }


.background-grey { background-color: #f4f4f4; }
.background-basic-grey { background-color: #f0f0f0; }

.border-top-dark-grey { border-top: 1px solid #ccc; }
.border-bottom-dark-grey { border-bottom: 1px solid #ccc; }

strong{
    font-family:open_sanssemibold;
    font-weight:normal;
}

/*	 02. Font Face
===========================================================================================================*/

@font-face {
    font-family: 'atrapaloWebBold';
    src: url('/assets/fonts/atrapaloweb-bold.eot');
    src: url('/assets/fonts/atrapaloweb-bold.eot?iefix') format('eot'),
    url('/assets/fonts/atrapaloweb-bold.woff') format('woff'),
    url('/assets/fonts/atrapaloweb-bold.ttf') format('truetype'),
    url('/assets/fonts/atrapaloweb-bold.svg#webfontxqeiJ2kp') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/assets/fonts/OpenSans-Regular-webfont.eot');
    src: url('/assets/fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'),
    url('/assets/fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('/assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('/assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/assets/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/assets/fonts/OpenSans-Semibold-webfont.eot?iefix') format('eot'),
    url('/assets/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('/assets/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('/assets/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'atrapaloico';
    src:url('/assets/fonts/atrapaloico.eot');
    src:url('/assets/fonts/atrapaloico.eot#iefix') format('embedded-opentype'),
    url('/assets/fonts/atrapaloico.woff') format('woff'),
    url('/assets/fonts/atrapaloico.ttf') format('truetype'),
    url('/assets/fonts/atrapaloico.svg#atrapaloico') format('svg');
    font-weight: normal;
    font-style: normal;
}


.openFont {
    font-family: 'open_sansregular', sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.openFontSemiBold {
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Correcciones de la font Bold con open sans */
.openFont .bold,
.openFont strong,
.openFont b {
    font-weight: normal!important;
    font-family: 'open_sanssemibold', sans-serif;
}

.atrapaloFont {
    font-family: 'atrapaloWebBold', sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*	 02.01 Icon Font
========================================== */

[class^="icon-"], [class*=" icon-"] {
    font-family: 'atrapaloico';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lg { font-size: 1.3333333em; line-height: .75em; vertical-align: -15%; }
.icon-2x { font-size: 2em; }
.icon-3x { font-size: 3em; }
.icon-4x { font-size: 4em; }
.icon-5x { font-size: 5em; }

/* Iconos de producto */
.icon-RES:before { content: "\e926"; }
.icon-ESP:before {  content: "\e929"; }
.icon-ACT:before { content: "\e92d"; }
.icon-VUE:before,
.icon-vuelos:before { content: "\e922"; }
.icon-TRE:before,
.icon-tren:before{ content: "\e92c"; }
.icon-VMH:before{ content: "\e923"; }
.icon-HOT:before,
.icon-hoteles:before{ content: "\e927"; }
.icon-VIA:before,
.icon-viajes:before { content: "\e923"; }
.icon-CRU:before,
.icon-crucero:before{ content: "\e92a"; }
.icon-COC:before,
.icon-coches:before{ content: "\e92b"; }
.icon-VRE:before { content: "\e931"; }
.icon-HALL:before { content: "\e928"; }
    @media (max-width: 1023px) { /* quitar cuando header nuevo, usar la misma class que en Xl */
        .menuProductos .tabRES a:before{ content: "\e926"; }
        .menuProductos .tabESP a:before{  content: "\e929"; }
        .menuProductos .tabESPActividades a:before{ content: "\e92d"; }
        .menuProductos .tabVUE a:before{ content: "\e922"; }
        .menuProductos .tabTRE a:before{ content: "\e92c"; }
        .menuProductos .tabHOT a:before{ content: "\e927"; }
        .menuProductos .tabVIA a:before{ content: "\e923"; }
        .menuProductos .tabCRU a:before{ content: "\e92a"; }
        .menuProductos .tabCOC a:before{ content: "\e92b"; }
        .menuProductos .tabBON a:before { content: "\e931"; }
        .menuProductos .tabHIB a:before { content: "\e928"; }
    }
/* end iconos de producto */

.icon-menu:before { content: "\e935"; }
.icon-lupa-light:before { content: "\e936"; }
.icon-camera:before { content: "\e916"; }
.icon-arrow_abajo_s:before { content: "\e60e"; }
.icon-arrow_abajo_l:before { content: "\e60f"; }
.icon-montana:before { content: "\e610"; }
.icon-close_m:before { content: "\e611"; }
.icon-close_s:before { content: "\e612"; }
.icon-costas:before { content: "\e613"; }
.icon-close_l:before { content: "\e614"; }
.icon-cancel-circle:before { content: "\e615"; }
.icon-google-plus:before { content: "\e616"; }
.icon-user:before {  content: "\e617"; }
.icon-user-login:before { content: "\e61f"; }
.icon-user_opinion:before { content: "\e63a"; }
.icon-search:before { content: "\e602"; }
.icon-ubicacion_s:before { content: "\e60c"; }
.icon-ubicacion_l {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ubicacion_l:before { content: "\f041"; }
.icon-calendar:before { content: "\e600"; }
.icon-clock:before { content: "\e601"; }
.icon-share2:before {  content: "\e604"; }
.icon-checkmark:before { content: "\e608"; }
.icon-bookmark:before { content: "\e609"; }
.icon-facebook:before { content: "\e60a"; }
.icon-twitter:before { content: "\e60b"; }
.icon-actividades2:before { content: "\e71c"; }
.icon-restaurantes5:before { content: "\e603"; }
.icon-entradas2:before { content: "\e71e"; }
.icon-vuelo-hotel:before { content: "\e720"; }
.icon-pin:before { content: "\e61d"; }
.icon-suit-case:before { content: "\e721"; }
.icon-bus:before { content: "\e619"; }
.icon-ticket:before { content: "\e71e"; }
.icon-hallazgo:before { content: "\e623"; }
.icon-atrp_social:before{ content: "\e626"; }
.icon-info:before { content: "\e620"; }
.icon-mas_vendidos:before, .top-sell:before, .icon-top-sell:before { content: "\e634"; }
.icon-mas_descuento:before, .top-disc:before, .icon-top-disc:before { content: "\e633"; }
.icon-mas_valorados:before, .top-rated:before, .icon-top-rated:before { content: "\e632"; }
.icon-reloj_2:before { content: "\e636"; }
.icon-parking_4:before { content:"\e62c"; }
.icon-patrocinado:before { content: "\e631"; }
.icon-pin_mapa:before { content: "\e635" }
.icon-novedad:before { content:"\e63d" }
.icon-duracion:before { content: "\e607"; }
.icon-sello:before { content:"\e638"; }
.icon-valeregalo:before { content:"\e622"; }
.icon-atrapapuntos_1:before { content:"\e649"; }
.icon-atrapapuntos_3:before { content: "\e64b"; }
.icon-user_login_8:before,
.icon-avatar-default:before { content: "\e61f"; }
.icon-pin_mapa:before { content: "\e635"; }
.icon-puerta_coc:before { content: "\e644"; }
.icon-maleta_coc:before { content: "\e645"; }
.icon-marcha_coc:before { content: "\e643"; }
.icon-aire_coc:before { content: "\e640"; }
.icon-sello:before { content: "\e638"; }
.icon-mapa-sala:before { content: "\e637"; }
.icon-ideal_familias:before,
.icon-_text_profile_family:before { content: "\e805"; }
.icon-solo:before,
.icon-_text_profile_alone:before { content: "\e814"; }
.icon-en_pareja:before,
.icon-_text_profile_couple:before { content: "\e813"; }
.icon-con_amigos:before,
.icon-_text_profile_friends:before { content: "\e812"; }
.icon-_text_profile_relax:before { content: "\e80a"; }
.icon-_text_profile_work:before { content: "\e93a"; }
.icon-houdinis:before { content: "\e811"; }
.icon-op_muybueno:before { content: "\e810"; }
.icon-op_extraordinario:before { content: "\e80f"; }
.icon-op_excelente:before { content: "\e80e"; }
.icon-op_correcto:before { content: "\e80d"; }
.icon-op_bueno:before { content: "\e80c"; }
.icon-verificada:before { content:"\e80b"; }
.icon-hallazgo_pin:before { content: "\e625"; }
.icon-hallazgo_h:before { content: "\e624"; }
.icon-forfait-budget:before { content:"\e901"; }
.icon-forfait:before { content:"\e61a"; }
.icon-arrow_light:before { content: "\e64a"; }
.icon-arrow_light_up:before { content: "\e902"; }
.icon-arrow_light_left:before { content:"\e904"; }
.icon-arrow_light_right:before { content:"\e903"; }
.icon-sociamipci_logo:before  { content:"\e906"; }
.head-mia .icon-info:before,
.icon-info_i:before { content: "\e621"; }
.icon-atrapapuntos_2:before { content: "\e648"; }
.icon-home:before { content: "\e920"; }
.ico_hot_spa:before,
.ico-spa:before { content: "\e642"; }
.ico_hot_sauna:before,
.ico-sauna:before { content: "\e63c"; } /*jacuzzi */
.ico_hot_acceso:before,
.ico-acceso:before { content: "\e62a"; }
.ico_hot_parking:before,
.ico-parking:before  {content: "\e62b"; }
.ico_hot_piscina:before,
.ico-piscina:before { content: "\e629"; }
.ico_hot_mascotas:before{content: "\e62e"; }
.ico-pet:before { content: "\e62f"; }  /* Mascota para ficha HOT que es diferente de icomo mascota de HOT resultados */
.ico_hot_gimnasio:before,
.ico-gym:before { content: "\e62d"; }
.ico_hot_zonainternet:before,
.ico-wifi:before { content: "\e630"; } /* Wifi */
.icon-HodinisViaja:before { content:"\e911"; }
.icon-HodinisSal:before { content:"\e912"; }
.icon-HodinisConoce:before { content:"\e913"; }
.icon-HodinisCome:before { content:"\e914"; }
.icon-map-marker:before { content:"\e908"; }
.icon-tarjeta:before { content:"\e63b"; }
.icon-thumbsup:before { content:"\e91f"; }
.icon-comment:before { content:"\e930"; }
.icon-regalos:before { content:"\e931"; }
.icon-surpriseBox:before { content:"\e932"; }
.icon-discount:before { content:"\e933"; }
.icon-calendar2:before { content:"\e641"; }
.icon-flex_arrow:before { content:"\e935"; }
.icon-corazon:before { content:"\e93e"; }
.icon-carrito:before { content:"\e93b"; }
.icon-musica:before { content:"\e905"; }
.icon-sala:before { content:"\e900"; }
.icon-magia:before { content:"\e948"; }
.icon-libro:before { content:"\e93f"; }

/* iconos footer LATAM */

.icon-iata_logo:before { content: "\e60d"; }
.icon-perutravel_logo:before { content: "\e609"; }
.icon-camaralima_logo:before { content: "\e60a"; }
.icon-anato_logo:before { content: "\e60b"; }
.icon-camaracolombia_logo:before { content: "\e60c"; }

/* iconos valoraciones */
.icon-face-good:before  { content:"\e92e"; }
.icon-face-awesome:before  { content:"\e92f"; }

.icon-info {
    color: #20a5dd;
    cursor: default;
    font-size: 14px;
    background-color: #fff;
    border-radius:50%;
    margin-left: 5px;
}

/* opcion añadir vuelo, agrandamos un poco por defecto */
.icon-vuelos.vue-16px{
    font-size:16px;
    vertical-align: text-top;
}

/*	 03. Chat de ayuda
===========================================================================================================*/

#fc_chat_layout {z-index: 10;}
#fc_chat_layout.fc-collapsed #fc_chat_title {display: none !important;}
#fc_chat_layout.fc-collapsed {bottom: -410px !important;}
.fc-form.fc-collapsed #fc_chat_header {
	width:50px !important;
	height:50px !important;
	background-position: 17px 17px !important;
	border-radius:50% !important;
	float: right !important;
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	position: relative !important;
	top: -61px !important;
}
.fc-form.fc-collapsed #fc_chat_header {
	background-position: 17px 17px !important;
	margin-bottom:10px;
}
.fc-form.fc-collapsed {
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.0) !important;
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.0) !important;
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.0) !important;
}


/*	 04. Iconos genéricos
===========================================================================================================*/
/* Colores de los iconos de mensajes */
.fa-info-circle{ color: #2ca9da;} /* info */
.fa-exclamation-circle{ color:#f49a38;} /*atencion*/
.fa-check-circle { color:#b2c933;} /*check*/

.box-ok{
    font-family: open_sansregular, sans-serif;
    font-size: 12px;
    color: #444;
    padding: 15px;
}

.box-ok .fa-check-circle{
    font-size: 24px;
    vertical-align: middle;
}

/*  05. BUTTONS
===========================================================================================================*/
a.no-link {
	color: inherit;
	text-decoration: none;
}

.btn {
	background-color: #de0000;
	border-radius: 2px;
	border: 0 none;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-size: 20px !important;
	font-family: atrapaloWebBold, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	height: 38px;
	line-height: 36px;
	margin: 0;
	padding: 0 25px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.btn:hover {
	background-color: #ba0000;
	text-decoration: none;
}

.btn:active {
	background-color:#ba0000;
	border: 0 none;

	transition: background .1s ease-in;
	-webkit-transition: background .1s ease-in;
	-moz-transition: background .1s ease-in;
	-o-transition: background .1s ease-in;
	-ie-transition: background .1s ease-in;
}

.btn.medium {
	padding: 0 25px;
	height: 34px;
	line-height: 33px;
}

.btn.small {
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
	font-size: 18px !important;
}

.btn.mini {
	font-size: 16px !important;
	height: 30px;
	line-height: 30px;
	padding: 0 5px !important;
}

.btn.disabled,
input[type="submit"][disabled],
input[type="button"][disabled] {
	background-color: #bbb;
	cursor: default;
	pointer-events: none;
	opacity: 1 !important;
}

.btn.loading {
	position: relative;
	display: inline-block;
}

.btn.loading:after {
	color: #fff;
	content: '\f110';
	display: block;
	font-family: fontawesome;
	font-size: 18px;
	position: absolute;
	top: 11px;
	right: 0;
	height: 20px;
	width: 20px;
	animation: fa-spin 1s infinite linear;
	-webkit-animation: fa-spin 1s infinite linear;
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.btn.dark { background-color: #888; }

.btn.dark:hover,
.btn.dark:active { background-color: #666; }

.btn.dark.disabled { background-color: #bbb; }


.hidden {display: none;}

/* Botones Redes Sociales */

.button-facebook,
.button-google {
    font-family: 'open_sansregular', sans-serif!important;
    font-size: 13px !important;
    line-height: 40px;
    cursor: pointer;
    text-transform: none;
    font-weight: normal;
    border: none;
    border-radius: 2px;
    width: 100%;
    color: #fff;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
}

.button-facebook { background-color: #37548f; }
.button-google { background-color: #417ddf;}

.button-facebook:before,
.button-google:before {
    display: block;
    font-family: "fontawesome";
    font-size: 22px;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 10px;
    z-index: 1;
}

.button-facebook:before { content: "\f09a"; }
.button-google:before { content: "\f1a0"; }

.button-facebook:hover,
.button-facebook:active { background: #3f4d85; }

.button-google:hover,
.button-google:active { background: #366ec9; }

@media (min-width: 641px) and (max-width : 1024px) {
    .button-facebook,
    .button-google { padding-left: 10px; }
}

/*	 06. Fresh button (Ayuda y sugerencias)
===========================================================================================================*/
#freshwidget-button {
	z-index: 10 !important;
}

/*	 07. Publicidad: SKY
===========================================================================================================*/
/* Sky en pag de resultados a partir de 1280px.
    De 1280px a 1500px lo forzamos dentro del grid.
    A partir de 1500px lo dejamos fuera del grid.
*/

@media (min-width: 1280px){

    .banner-sky {
        background-color: #fff;
        height: 615px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 120px;
    }

    .sky-ficha{ top:42px; }

    .sky-landing-HOT.sky-landing-cadena .banner-sky {
        top: 473px;
        position:absolute;
        z-index:1;
    }
    .sky-landing-HOT.sky-landing-continente .banner-sky{ top: 130px; }
    .sky-landing-HOT.sky-list-cadena .banner-sky { top: 19px; }

    .RES #contenedorPestanaResultados .banner-sky { /* apaño en RES mientras no tenemos los nuevos filtros */
        top: -45px;
        right: -120px;
    }

    .RES .sky-ficha{
        top: 20px;
        left: 10px;
    }

    .sky-landing-HOT .banner-sky{ /* apaño para landings hot */
        position: absolute;
        top:188px;
        z-index: 1;
    }
}



@media (min-width: 1280px) and (max-width : 1499px) {
    .banner-sky{ display:block;}
    .container-sky {  width: 120px; }
        #dynamic-packaging-results .container-sky {  width: auto; }
    .results-container,
    .box-reduced-sky{
        width: 88.33333%;
        padding-left: 0.76923rem;
        padding-right: 0.76923rem;
        float: left;
    }
    .RES #resultados_container{ max-width:1200px; } /* fix res ie8, borrar cuando tengamos nuevos filtros */
    #dynamic-packaging-results .banner-sky{ /* apaño para no cambiar la estructura de resultados vmh */
        top:145px;
        right:10px;
    }
    .ficha-via .box-reduced-sky{ padding:0; }

}
@media (min-width: 1500px) {
    .container-sky{ position:absolute; }
    .banner-sky {
        background-color: #fff;
        height: 615px;
        overflow: hidden;
        position: absolute;
        right: -130px;
        top: 0;
        width: 120px;
    }

    .sky-landing-HOT.sky-landing-continente .banner-sky{ top: 130px; }
    /* landings vue */
    .landingBkg .banner-sky { top: 395px; }
    .landingBkg.landingOferta .banner-sky{ top: 323px; }
    .landingBkg.landingContinent .banner-sky,
    .landingBkg.landingCalendario .banner-sky{ top: 303px; }
    .landingBkg.landingAutocheckin .banner-sky,
    .landingBkg.landingCountry .banner-sky{ top: 36px; }
    .landingBkg.landingOfertas .banner-sky { top: 10px; }
    #dynamic-packaging-results .banner-sky{ top:75px; } /* apaño para no cambiar la estructura de resultados vmh */
    .sky-top{ top:0; }
}


/*	 08. Colores Opis
===========================================================================================================*/
/* Colores genéricos opis para páginas sin scsss */
.background-opi-regular { background: #eb5658!important; }
.background-opi-regular-box { background: #888!important; }
.background-opi-acceptable { background: #f49155!important; }
.background-opi-correct { background: #aac55f!important; }
.background-opi-good  { background: #6fb743!important; }
.background-opi-very-good { background: #50a662!important; }


/*	 09. Triángulo naranja de descuento, solo con css
===========================================================================================================*/

.box-with-discount span.dto {
    height: 60px;
    position: absolute;
    width: 60px;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
    text-align:center;
    overflow: hidden;
}

    .box-with-discount span.dto:before {
        background: #FD9A00;
        border-bottom: 39px solid #FD9A00;
        border-left: 39px solid rgba(0, 0, 0, 0);
        border-right: 39px solid rgba(0, 0, 0, 0);
        content: " ";
        height: 0;
        position: absolute;
        right: -25px;
        top: -6px;
        width: 0;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        z-index: 0;
    }

    .box-with-discount .dto span {
        margin: 10px -22px 0px 0px;
        font-family: 'open_sanssemibold',sans-serif;
        font-size: 17px;
        line-height:17px;
        color: #fff;
        display: block;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
        @media (max-width: 640px) {
            .box-with-discount .dto span {
                font-size: 14px;
                line-height: 14px;
            }
        }

        .box-with-discount .dto span:before {
            content:"-";
            color: #fff;
        }


/*	 10. Cajas de error
===========================================================================================================*/

.box-error, .box-advert {padding:15px;}
span.box-error {padding:10px;}

.box-error {
    background-color:#ffeab1;
    font-family: open_sansregular, sans-serif;
    font-size: 12px;
    color:#444;
}

.box-error i.fa-exclamation-circle{
    font-size:24px;
    color:#f49a38;
    vertical-align:middle;
}

.box-error p.one-line{ padding-top:5px; }

.box-advert {background-color:#E2ECF1;}
.box-error .box-error-icon {
    width:32px;
    height:33px;
    margin-right:10px;
    background:url(/assets/images/A/sprite/sprite-generico-old-school.png) no-repeat 0 -1500px;
    float:left;
}
.box-advert .box-error-icon {
    width:34px;
    height:33px;
    margin-right:8px;
    background:url(/assets/images/A/sprite/sprite-generico-old-school.png) no-repeat -50px -1500px;
    float:left;
}
.box-error-titulo {
    font-weight:700;
    display:block;
}
.box-error-list {
    margin:10px 0 0 57px;
    list-style:disc;
}
.box-error-list li {margin:0 0 3px;}
.box-error-list span {font-weight:700;}
.box-clear:after {
    height:0;content:" ";
    clear:both;
    display:block;
    visibility:hidden;
    font-size:0;
}

/* Icono en caja error */
.box-error .s-generico{ margin-right:10px; }

/* texto al lado de icono */
.box-error div.floatl p{
    margin-top:10px;
    font-family: 'open_sanssemibold', sans-serif;
}


/* Listado en caja error */
.box-error ul.error-list{
    color:#444;
    font-family: 'open_sansregular', sans-serif;
    font-size:13px;
    margin-top:15px;
}
/* style en lis */
.box-error ul.error-list li:before {
    content:"\00B7";
    color:#444;
    font-size: 15px;
    vertical-align: top;
    line-height: 15px;
    margin-right:5px;
}

.box-error a{
    color:#444;
    font-family: 'open_sanssemibold', sans-serif;
    text-decoration:underline;
}

/*	 11. SplashMin
===========================================================================================================*/
#results-loading-splash .splash-actualizar {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index: 2;
    display: none;
}

.splash-actualizar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    display: none;
}
.splash-actualizar-canvas {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.splash-actualizar .center {
    position: absolute;
    left: 50%;
    top: 50%;
}
.splash-actualizar .center div {
    position:relative;
    left: -50%;
    top: -50%;
    margin-top: -50px;
    width: 300px;
    height: 100px;
    text-align: center;
    padding-top: 60px;
}

.splash-actualizar i {
    color: #444;
    font-size: 26px;
    position: absolute;
    right: calc(50% - 14px);
    top: 10px;
}
.splash-actualizar span {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 17px;
    color: #444;
}


/*	 12. Aviso de cookies / navegador desactualizado
===========================================================================================================*/
#cookiesInfo,
#message-outdated,
.box-message {
    font-family: 'open_sansregular', sans-serif;
    background-color: #ededed;
    padding: 15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin: auto;
    font-size: 11px;
    position: fixed;
    z-index: 1001;
    line-height: 17px;
    text-align: justify;
    bottom:0;
}

.box-message {
    width: 100%;
}
.box-message .btn {
    float: right;
}

#cookiesInfo p, .box-message p {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 13px;
    line-height: 16px;
    margin-right: 3px;
    display: inline-block;
    float: left;
    font-weight: normal;
}

/*	 12. Breadcrumb
===========================================================================================================*/
.bread, #breadcrumb{
    margin: 19px 0 14px 10px;  /* en real, 20px top y 30px bottom */
    color:#444;
    font-family:'open_sansregular', sans-serif;
    font-size:13px;
}
.bread a, #breadcrumb a{
    color:#444;
    margin-right:-4px;
}
.bread img, #breadcrumb img{ margin:0 10px; }
.bread strong, #breadcrumb strong{
    font-family:'open_sanssemibold', sans-serif;
    font-weight:normal;
}

#breadcrumb a:not(:last-child)::after, #breadcrumb span:not(:last-child)::after{
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: bold;
    color: #999;
    display: inline-block;
    height: 9px;
    margin: 0 10px;
    width: 5px;
}
/*ie8*/
#breadcrumb a, #breadcrumb strong {
    margin-right: 5px\9;
}