/* ---------- ENGINE ---------- */ .engineForm .vh {visibility:hidden;} #engine .canvas {background:center no-repeat;} #engine input, #engine select, #engine button {border:0px;} .engineForm aside, .engineForm footer, .engineForm header, .engineForm section, #engine, #engine div, .engineWindow, .engineWindow div {overflow:hidden;} #engine, #engine input, #engine select, #engine .select span:first-child {font-size:12px;font-family:Arial;} #engine .calendar.input, #engine .rooms.input, #engine .code span:first-child, #engine .code input {padding:5px 4px;} #engine header div, #engine .rooms.title, #engine .rooms.more span, #engine .code, #engine button .title {text-transform:uppercase;} #engine .select, #engine .calendar.input, #engine .rooms.input, #engine .rooms.container {margin-top:5px;background:#f4f2ed;position:relative;font-weight:bold;border:1px solid #d8d6d0;} #engine .select .canvas, #engine .calendar.input .canvas, #engine .rooms.input .canvas, #engine .code div .canvas {top:0px;right:0px;bottom:0px;width:25px;text-align:center;position:absolute;} #engine {top:35px;position:absolute;overflow:visible; } #engine header {cursor:pointer;background:transparent;z-index: 17; position: relative;} #engine header {cursor: pointer;background: url(../images/icon/bg_boton_reservar_header.png);z-index: 17;position: relative;padding: 10px 25px;margin-top:11px;display:inline-block;} @media (max-width:599px) { #engine header {width: 100%;margin:0 auto;} } #engine header.bg_color{background:url(../images/icon/bg_boton_reservar_header.png) !important;} #engine header div {color:#000;float:left;font-size:15px;font-weight:bold;width:100%;text-align:center;} #engine header .canvas {float:right;width:16px;height:16px;margin-right:4px;display:none !important;} #engine section {display:none;padding:10px;background:#fff;width: 275px; box-shadow:1px 8px 17px #000; } /* box-shadow:0 -2px 5px #8F8265 inset */ #engine .select {min-height:10px;padding:4px 0px;} #engine .select.hotel {margin-bottom:10px;} #engine .select div {padding-right:25px;} #engine .select div span:first-child {display:inline-block;padding:1px 4px;white-space:nowrap;} #engine .select div .canvas canvas {margin:9px 0px;} #engine .select select {top:0px;bottom:0px;width:100%;opacity:0;background:none;position:absolute;} #engine .calendar.title {font-size:13px;font-weight:bold;text-transform:uppercase;border: none;color:#000;} #engine .calendar.input {padding-left:2%;padding-right:2%;} #engine .calendar.input:first-child, #engine .calendar.input.fr {width: 46% !important;padding-right: 0;padding-left: 0;} #engine .calendar.input:first-child {float:left;width:43.5%%;margin-right:5%;} #engine .calendar.input.fr{width: 43.5%%;padding-right: 0;margin-right: 0;} #engine .calendar.input canvas {margin:6px 0px;} #engine .rooms.title {color:#000;margin-top:10px;font-size:13px;font-weight:bold;} #engine .rooms.container:first-child {float:left;width:47.5%;margin-right:5%;} #engine .rooms.container .subtitle {display:inline-block;margin-top:5px;margin-left:5px;} #engine .rooms.container .select {float:right;width:40px;margin-top:0px;} #engine .rooms.container .subtitle, #engine .rooms.container span:first-child, #engine .rooms.container select {font-size:11px;} #engine .rooms.input {display:none;} #engine .rooms.input .canvas {width:35px;display:none;} #engine .rooms.input canvas {margin:6px 0px;} #engine .rooms.children {margin-top:5px;font-size:9px;text-align:right;} #engine .rooms.more {color:#9D9689;font-size:10px;} #engine .rooms.more .text {color:#000;cursor:pointer;font-size:11px;text-decoration:underline;color:#9d9689;} #engine .rooms.more .text:hover {text-decoration:none;} #engine .code {color:#000;margin-top:10px;font-size:12px;position:relative;font-weight:bold;} #engine .code span:first-child {cursor:pointer;display:inline-block;} #engine .code div {top:0px;left:0px;right:0px;display:none;background:#fff;position:absolute;} #engine .code div input {width:100%;font-size:11px;} #engine .code div .canvas {float:right;cursor:pointer;} #engine .code div .canvas canvas {margin:6px 0px;} #engine button {width:99%;margin:10px .5% 10px;padding:7px 0px;background:#000;box-shadow:3px 3px 0px #8f8265;} #engine button .title {color:#fff;display:block;font-size:15px;font-weight:bold;} #engine button .subtitle {color:#aaa;font-size:10px;font-style:italic;} @media screen and (max-width:480px) { #engine {width:auto;position:relative;margin:0px -10px; z-index:610;} } /* ---------- FORM ---------- */ .engineForm {position:relative;} .engineForm.static #engine {width:auto;margin:0px -10px;position:static;} .engineForm.static #engineCalendar section #datepicker .ui-datepicker {max-width:470px;margin:0px auto;} .engineForm.static #engineRooms section {left:0px !important;} .engineForm.static #engineCalendar, #engineForm.static #engineRooms {top:0px !important;left:0px !important;right:0px;position:fixed;} /* ---------- WINDOWS ---------- */ .engineWindow {z-index:15;} #engineCalendar {display:none;background:#000;overflow:visible;position:absolute;user-select:none;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none; z-index:15;} #engineCalendar header {color:#fff;padding:10px 5px 5px 25px;font-size:14px;font-family:Arial;position:relative;overflow:visible;text-transform:uppercase;} #engineCalendar header div {top:0px;left:0px;display:none;position:absolute;border-right:16px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;} #engineCalendar header .canvas {top:0px;right:5px;bottom:0px;width:22px;cursor:pointer;background:center no-repeat;position:absolute;text-align:center;} #engineCalendar header .canvas canvas {margin:7px 0px;} #engineCalendar section {margin:0px 5px 5px;padding:10px 10px;background:#fff;color:#000;} #engineCalendar section #datepicker a {color:inherit;min-width:270px;text-decoration:none;} #engineCalendar section #datepicker .ui-datepicker {width:auto !important;margin:0px auto;font-family:Arial;text-align:center;background:#f4f2ed;padding:15px 25px;border:1px solid #d8d6d0;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-group {float:left;width:230px;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-group-last {margin-left:10px;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-header {padding:4px 0px;font-size:15px;position:relative;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header {padding-left:37px;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header {padding-right:37px;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-header a span {top:0px;bottom:0px;width:35px;cursor:pointer;position:absolute;display:block;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-header a.ui-state-disabled span {cursor:default;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span {left:0px;border-right:2px solid #fff;background:url(../images/engine/calendar_arrow_black_left.png) center no-repeat;} #engineCalendar section #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-next span {right:0px;border-left:2px solid #fff;background:url(../images/engine/calendar_arrow_black_right.png) center no-repeat;} #engineCalendar section #datepicker .ui-datepicker table {width:100%;border-spacing:0px;} #engineCalendar section #datepicker .ui-datepicker table thead {font-size:12px;} #engineCalendar section #datepicker .ui-datepicker table thead th {padding:5px 0px;font-weight:normal;} #engineCalendar section #datepicker .ui-datepicker table tbody {font-size:13px;} #engineCalendar section #datepicker .ui-datepicker table tbody td {padding:5px 0px;} #engineCalendar section #datepicker .ui-datepicker table tbody td:not(.ui-datepicker-unselectable):hover {color:#fff;cursor:pointer;background:#c94;} #engineCalendar section #datepicker .ui-datepicker table tbody td.ui-state-disabled {color:#888;} #engineCalendar section #datepicker .ui-datepicker table tbody td.ui-datepicker-current-day, #engineCalendar section #datepicker .ui-datepicker table tbody td.ui-datepicker-selected {color:#fff;background:#c4b89d;} #engineRooms {min-height:290px;min-width:325px;display:none;position:absolute;} #engineRooms section {left:-100%;margin:69px 25px 25px 25px;padding:20px;font-size:11px;position:relative;background:#f4f2ed;border:1px solid #d8d6d0;outline:25px solid #fff;min-height:167px;} #engineRooms section .close {top:0px;right:0px;cursor:pointer;padding:10px;position:absolute;background:center no-repeat;} #engineRooms section .part {padding:5px 0px 6px;} #engineRooms section .part.top {margin-bottom:-8px;padding:0px;border-bottom:0px;color:#9d9689;} #engineRooms section .part.container .fl {color:#000;margin-top:5px;margin-right:25px;text-transform:uppercase;font-weight:bold;} #engineRooms section .part .fr .select {width:100%;min-height:10px;padding:4px 0px;background:#fff;position:relative;} #engineRooms section .part .fr .select div {padding-right:25px;} #engineRooms section .part .fr .select div span:first-child {display:inline-block;padding:1px 4px;font-size:11px;} #engineRooms section .part .fr .select div .canvas {top:0px;right:0px;bottom:0px;width:25px;text-align:center;background:#fff center no-repeat;position:absolute;} #engineRooms section .part .fr .select div .canvas canvas {margin:9px 0px;} #engineRooms section .part .fr .select select {top:0px;left:0px;bottom:0px;width:40px;border:0px;opacity:0;font-size:11px;font-family:Arial;position:absolute;} #engineRooms section .part .fr .remove {color:#fff;width:12px;height:12px;cursor:pointer;margin-top:7px;background:#968e81;border-radius:50%;} #engineRooms section .part .fr .remove span {display:block;margin-top:-1px;font-size:11px;font-family:Arial;font-weight:bold;} #engineRooms section .add {color:#9d9689;margin-bottom:25px;margin-top:10px;text-align:right;text-transform:uppercase;} #engineRooms section .add span {text-decoration:underline;} #engineRooms section .add span:hover {cursor:pointer;text-decoration:none;} #engineRooms section button {right:10px;bottom:10px;color:#000;margin:1px;padding:5px 15px;border:0;font-size:14px;font-family:Arial;background:#cbc0a6;box-shadow:3px 3px 0px #000;position:absolute;text-transform:uppercase;} #engineRooms section .part .fr .title, #engineRooms section .part .fr .select {width:40px;margin-right:15px;} #engineRooms section .part .fr .title, #engineRooms section .part .fr .select, #engineRooms section .part .fr .remove {float:left;text-align:center;overflow:visible;} @media screen and (max-width:600px) { #engineCalendar #datepicker .ui-datepicker {max-width:270px;margin:0px auto;} } @media screen and (max-width:480px) { #engineCalendar, #engineRooms {top:81px !important;left:0px !important;right:0px;position:fixed; z-index:610;} #engineRooms section {left:0px !important;} .engineWindow {z-index:606;} #engine header div{max-width:none;} } /* ---------- SPECIFIC ---------- */ #engine .select.city option[value="19551"], #engine .select.city option[value="19566"] {display:none;} #engine .calendar.input .canvas{display:block;} .rooms.container .select{border:0 !important;} #engine .activate{background:#fff;} /* ---------- END ---------- */ /* -------------------------- Boton 'divisas' -------------------------------- */ /* --------------------------------------------------------------------------- */ .divisas { background-color: #333; border: 1px solid #666; cursor: pointer; margin-right: 10px; margin-top: -5px; padding: 2px 15px 4px; width: auto; } .divisas span { color: #FFF; } .CurrencyBox { display: none; width: auto; } .show_divisas { display: block; } #head_divisas { background-color: #333;display: none; overflow: hidden; } #head_divisas ul { overflow: hidden; width: auto; } #head_divisas .CurrencyBox { max-width: none; position: relative; right: 0; top: auto; } .CurrencyList { display:none; } .CurrencyList li { float:none;display:inline;margin-left:5px;width:95% !important; } .CurrencyList li a { color: #000; font-size: 12px; margin-right: 7px; text-decoration: none; display:block; width:100%;padding-bottom:4px;} .CurrencyInfoBox { color: #FFF; font-size: 12px; max-width: 1110px; min-width: 300px; padding: 0 10px; margin: 0 auto; display: none; } .CurrencyInfoButton { display: none; } /* Información divisas en la parte del resumen de la oferta */ #summary_info_divisas { background-color: #FFF;border: 5px solid #EEE;display: none;margin-top: -10px;position: absolute;left: 0px;top: 44px;width: 310px;z-index: 2147483647;box-shadow: 0 0 2px #444; } #summary_info_divisas span { color: #000; display: block; font-size: 12px; padding: 10px; } .moneda_local_hotel { display:block;font-weight: normal; font-size: 11px; } #summary_info_divisas span .cambio_divisas {display:inline;padding:0;} #dispo #summary .fr div .moneda_local_hotel > b {font-size: 13px;} /* -------------------------- Fin Boton 'divisas' ---------------------------- */ /* --------------------------------------------------------------------------- */ /* ------------------------------- divisas - CAMBIO DE PRECIOS ---------------------------- */ /* ---------------------------------------------------------------------------------------- */ .pl_250{overflow:visible !important;} #cambio_precios , #cambio_precios .CurrencyList, #cambio_precios .CurrencyList .CurrencyItem, #cambio_precios .CurrencyList .CurrencyItem a {overflow:visible !important;} .div_cambio_precios {float: right;height: 40px;position:relative;width:100%;} .CurrencyBox{background:#FFF; border: 5px solid #EEE; border-top:0; display:none;height: 165px;max-width:320px;min-width:100px;position: absolute !important; top:12px !important; max-width:400px !important;width: auto;box-shadow:0 0 2px #CACACA;} .CurrencyList li {border-bottom: 1px solid #e0e0e0;} .div_cambio_precios .ver_todos_precios, .div_cambio_precios .ver_menos_precios {background:#FFF;bottom:0px;color: #888;cursor:pointer;display: none;font-size: 12px;font-style: italic;height:18px;position:absolute;top:164px;right:0;z-index:99;} .div_cambio_precios .ver_menos_precios {border-right:0;} .ver_menos_precios{border-left: 1px solid #E0E0E0;} .div_cambio_precios .ver_todos_precios:hover, .div_cambio_precios .ver_menos_precios:hover {text-decoration: underline;} .mon_sel {background: url("http://www.eurostarshotels.com/CLIENTES/www.eurostarshotels.com/images/engine/arrow_black.png") 65px 7px no-repeat;background-color: #FFF;border: 5px solid #eee;cursor: pointer;float: left;text-align: center;display:inline-block;width: 50px;margin: 0 auto;margin-top: -5px;padding: 0px 10px;padding-right: 30px;z-index: 2;box-shadow: 0px 0px 2px #444;position: relative;font-size:15px;} .div_cambio_precios .ver_menos_precios{display:none;text-align:right;width:575px;} #general_dispo .content_left_dispo{overflow:visible;} .ver_menos_precios{right:0;border-left:0;padding-right:15px;width:665px;} .div_cambio_precios .canvas {display: block;width: 25%;float: left;height: 10px;background: url("http://www.eurostarshotels.com/CLIENTES/www.eurostarshotels.com/images/engine/arrow_black.png") no-repeat;margin-top: 18px;} #general_dispo .content_dispo{min-height:1100px;} #dispo .div_cambio_precios{float:none;} #divisas {display: none !important;} .resumen_botonera_izq .totalBookingNewCurrency {font-weight: 700;font-size: 13px;color: #cd9b40;} #dispo #summary.shown .auto {min-height: 141px;} #dispo #summary{margin-bottom:71px;} .ver_todos_precios, .ver_menos_precios{width:215px;} .ver_todos_precios {box-sizing: border-box;width:215px !important;} .CurrencyBox{width:215px;z-index:1 !important;} .CurrencyBox.show{max-width:596px !important;width:596px;} .CurrencyBox.show .CurrencyItem {display: block;float: left;width: 28% !important;margin-right: 10px;padding-left: 5px;margin-left:13px;height:22px;} .no_hidden_divisas {max-width: 1110px;min-width: 300px;margin: 0px auto;padding: 0px 10px;overflow: visible !important;position: relative;} .CurrencyBox{position:absolute;left:0;} .div_cambio_precios .ver_todos_precios, .div_cambio_precios .ver_menos_precios {left:6px;} .titulo_divisas {display: block;float: left;color: #222;font-size: 14px;font-style: italic;font-family: Times New Roman;margin-right: 10px;} .contenido_divisas{position: relative;overflow: visible !important;float: left;} #cur{display: inline-block;width: 30px;text-align: left;} #cur_desc{width: 65%;white-space: nowrap;display: inline-block;text-align: center;text-overflow: ellipsis;overflow: hidden;} #cur_sym{display: inline-block;width: 27px;text-align: right;} .divisas_open {height: auto !important;padding-bottom:15px;} #dispo #summary{margin-bottom:20px;} .CurrencyInfoBox {display: none !important;} .moneda_local_hotel {display: none;font-weight: normal;font-size: 11px;} #general_dispo .titulo_divisas {vertical-align:top;} #general_dispo .contenido_divisas {display:inline-block;float:none;} #general_dispo .CurrencyBox.show {right: 0;left: auto;} #general_dispo .CurrencyBox {right: 0;left: auto;} #general_dispo .ver_menos_precios {left: auto;right: 10px;} #general_dispo .ver_todos_precios {left: auto;right: 5px;} #general_dispo #summary_info_divisas {left: auto;right: 5px;} #general_dispo #cambio_precios {float: right;margin-top: 5px;vertical-align: middle;min-width: 0;height: auto;position: relative;width: auto;} .contenedor_divisas {width: 100%;padding: 6px 0;} .contenedor_divisas {overflow: visible !important;} @media screen and (max-width:768px) { .mon_sel{right: 5px;} .CurrencyBox{left: -90px !important;} .div_cambio_precios .ver_menos_precios {left:-80px;} .div_cambio_precios .ver_todos_precios {left:-85px;} #general_dispo .ver_todos_precios{right:9px;} #general_dispo .CurrencyBox.show{left:-461px !important;} #cur_desc{width:60%;} .CurrencyBox.show .CurrencyItem{width:27% !important;} .CurrencyBox{top: 17px !important;} .CurrencyBox.show{width:546px;} .div_cambio_precios .ver_menos_precios{width:516px;} #general_dispo .ver_todos_precios{right:-32px !important;} .div_cambio_precios .ver_todos_precios, .div_cambio_precios .ver_menos_precios{top:170px;} #summary_info_divisas{display:none !important;} } @media screen and (max-width:480px) { .CurrencyBox.divisas_open {height: 210px !important;overflow-y:auto !important;} .div_cambio_precios .ver_menos_precios {top: 204px !important;} .CurrencyBox{width:100%;} .mon_sel{right: 5px;} .CurrencyBox{right: 5px !important;} .div_cambio_precios .ver_todos_precios, .div_cambio_precios .ver_menos_precios{left: 6px;width:89% !important;} #dispo{} .CurrencyBox{min-width:320px;} .contenido_divisas{float:none;width:93%;} #summary_info_divisas{display:none !important;} .CurrencyBox.show .CurrencyItem { width: 90% !important; } .CurrencyBox { left: 0px !important; } #general_dispo .CurrencyBox { left: -245px !important; } .contenido_divisas { float: none; width: 93%; } #general_dispo .contenido_divisas { float: none; width: 40%; } #general_dispo .ver_todos_precios { right: -8px !important; width: 320px !important; } } @media screen and (max-width:599px) { #engine #datepicker .hasDatepicker {width:100% !important;max-width:100% !important} #engineCalendar #datepicker .ui-datepicker {max-width:100%;} .engineWindow div {margin:0 auto;} }