/* ---------- ENGINE ---------- */ .motor .fixed{top: 140px !important;} #engine header {font: 14px "PT Sans",sans-serif;} .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 {height:auto;font-size:12px;"PT Sans",sans-serif} #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{position:relative;} #engine .calendar.input, #engine .rooms.input, #engine .rooms.container {margin-top:5px;position:relative;width:48%;background:#fff;color:#555;border-radius:2px;padding:7px;font-size:14px;box-shadow: 0 0px 4px #000 inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #engine .select:hover, #engine .calendar.input:hover, #engine .rooms.input:hover, #engine .rooms.container:hover {cursor: pointer;} #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 {width:300px;z-index:25;margin-top:5px;z-index:10;position:relative;overflow:hidden;bottom:0;background:rgba(0,0,0,0.85);} #engine header > div:before, #engine header > div:after{position:absolute;top:0;bottom:0;right:0;content:'';left:0;right:0;z-index:-1;} #engine header > div:after{background:rgba(0,0,0,.2);} #engine header, #engine section{z-index:10;position:relative;} #engine header {cursor:pointer;} #engine header div {color:#fff;float:left;font-size:22px;width:100%;text-align:center;padding:6px;font-weight:bold;letter-spacing:3px;} #engine header .canvas {display: none;top: 10px;right: 10px;position: absolute;background: #fff;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size:24px;border-radius:50%;} #engine header .close {background:url("../images/icon/bg_boton_reservar.png")no-repeat; position:absolute; right:0; width:24px;height:24px;margin:8px 27px 0px 0px;} #engine header .best_prize {display:block!important;font-size:13px;font-style:italic;letter-spacing:3px;text-transform:none;font-weight:normal;} #engine section {padding:15px 10px 10px;color:#fff;} #engine section.closed {height: 65px;} #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 .rooms.container{float:right;} #engine .select select {top:0px;bottom:0px;width:100%;opacity:0;background:none;position:absolute;} #engine .calendar.title {font-size:13px;text-transform:uppercase;} #engine .calendar.input canvas {margin:9px 5px 0 0;} #engine .rooms.title {color:#fff;margin-top:10px;font-size:13px;} #engine .rooms.container:first-child {float:left;} #engine .rooms.container .subtitle {display:inline-block;} #engine .rooms.container .select {float:right;width:30px;margin-top:0px;padding:0;} #engine .rooms.container .subtitle, #engine .rooms.container span:first-child, #engine .rooms.container select {font-size:13px;padding:0;} #engine .rooms.container select:hover {cursor: pointer;} #engine .rooms.input {display:none;width:100%;} #engine .rooms.input .canvas {width:35px;display:none;} #engine .rooms.input canvas {margin:6px 0px;} #engine .rooms.children {margin:5px 0;font-size:10px;text-align:right;letter-spacing:1px;} #engine .rooms.more {color:#fff;font-size:10px;} #engine .rooms.more .text {color:#fff;cursor:pointer;font-size:10px;letter-spacing:1px;text-decoration:underline;} #engine .rooms.more .text:hover {text-decoration:none;} #engine .rooms.more .plus {display:none;} #engine .rooms.more:after {content:'>';font-size:12px;} #engine .code {color:#ffffff;margin-top:5px;font-size:13px;position:relative;} #engine .code span:first-child {cursor:pointer;display:inline-block;padding:0;} #engine .code div {top:2px;left:0px;right:0px;display:none;background:#fff;position:absolute;} #engine .code div input {width:100%;font-size:13px;font-family:inherit;color: #000;} #engine .code div .canvas {float:right;cursor:pointer;} #engine .code div .canvas canvas {margin:6px 0px;} #engine button {width:100%;margin:5px auto;padding:10px 0px;background:green;transition:background 0.5s;} #engine button:hover { background:darkgreen; } #engine button .title {color:#fff;display:block;font-size:15px;font-weight:bold;letter-spacing:2px;} #engine button .subtitle {display:none;} @media screen and (max-width:600px) { #engine {width:100% !important;position:relative;display:block;top:-33px;} #formulario_buscador{width:100%;left:0;position:fixed;bottom:0;z-index:4;} #engine section{display:none;} } @media (min-width:601px){ #engine header div {text-align:left;padding:10px;font-size:19px;} #engine .select .canvas{right:-5px;} } /* ----------- Travel-c ----------- */ .sta-travel-c .contenedor_tabs_n2{display:block!important;padding:0 4px;} .sta-travel-c .contenedor_tabs .tab_hotel{font-size:0;display:inline-block;width:49%;box-sizing:border-box;text-align:center;font-weight:bold;vertical-align:bottom;padding:7px 0;float:left;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom:none;color:#fff;background:#000;background:rgba(0,0,0,0.7);} .sta-travel-c .contenedor_tabs .tab_hotel > span{display:inline-block;font-size:14px;line-height:19px;} .sta-travel-c .contenedor_tabs .tab_hotel > span:before{content:'\e036';font-family:Icons;font-size:20px;font-weight:normal;margin-right: 5px;vertical-align:middle;} .sta-travel-c .contenedor_tabs .tab_fly{display:inline-block;width:49%;text-align:center;font-weight:bold;vertical-align:bottom;padding:8px 0;background:rgba(255,255,255,.8);float:right;border-top-left-radius:3px;border-top-right-radius:3px;color:#000;} .sta-travel-c .contenedor_tabs .tab_fly > span{display:inline-block;line-height:16px;font-size:14px;} .sta-travel-c .contenedor_tabs .tab_fly > span:before{content:'\e0fc';font-family:Icons;font-size:20px;font-weight:normal;margin-right: 5px;vertical-align:middle;} .sta-travel-c #engine section {padding:0;} .sta-travel-c #engine section .engine_old {padding:10px;} .sta-travel-c .contenedor_tabs_n2{position:relative;} .sta-travel-c .contenedor_tabs_n2:before, .sta-travel-c .contenedor_tabs_n2:after{position:absolute;bottom:0;top:0;right:0;content:'';left:0;;z-index:-1;} .sta-travel-c .contenedor_tabs_n2:after{background:rgba(0,0,0,.2);} @media (min-width:601px){ .sta-travel-c .contenedor_tabs .tab_hotel, .sta-travel-c .contenedor_tabs .tab_fly{width:49.4%;} .sta-travel-c #engine section .engine_old {padding:10px 15px;} } /* ----------- fin Travel-c ----------- */ /* ---------- DISPONIBILITY : MOTOR ---------- */ #motor_footer { display:block; bottom:5px; left:0; position:fixed; z-index:6; } #motor_footer #engine .calendar.input, #engine .code span:first-child, #engine .code input { padding:5px 0px; } @media screen and (max-width:599px) { #motor_footer { display:none; bottom:41px; left:0; position:fixed; z-index:2; } #motor_footer #formulario_buscador { width:100%;left:0;padding:0 10px;position:fixed;top:50px;z-index:2;-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-moz-transform:translateY(-100%); } } /* ---------- FORM ---------- */ .engineForm {position:relative;z-index:7;} .engineForm.sta-noNinos .sta-ninos{display:none !important;} .engineForm.sta-noNinos .sta-adults{width:100% !important;} .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;} #engineCalendar header {color:#fff;padding:5px 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;} #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:5px 25px;border:1px solid #d7d7d5;} #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:1px solid #000;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:1px solid #000;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:3px 0px;} #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%;padding:20px;font-size:11px;position:relative;background:rgba(0,0,0,0.85);} #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:#fff;margin-top:5px;margin-right:25px;text-transform:uppercase;} #engineRooms section .part .fr .select {width:100%;min-height:10px;padding:4px 0px;background:#fff;position:relative;border-radius:4px;} #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:2px;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:14px;height:14px;cursor:pointer;margin-top:7px;background:#777;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:#fff;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:#fff;margin:1px;padding:5px 15px;border:0;font-size:14px;font-family:Arial;background:green;position:absolute;text-transform:uppercase;} #engineRooms section .part .fr .title, #engineRooms section .part .fr .select {width:40px;margin-right:15px;border:1px solid #696969;} #engineRooms section .part .fr .title{border:0;} #engineRooms section .part .fr .title, #engineRooms section .part .fr .select, #engineRooms section .part .fr .remove {float:left;text-align:center;overflow:visible;} #engineRooms section .part .fr .title{color:#fff;} @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:0px !important;left:0px !important;right:0px;position:fixed;} #engineRooms section {left:0px !important;} #engine header div{max-width:none;} } /* ---------- SPECIFIC ---------- */ #engine .select.city option[value="19551"], #engine .select.city option[value="19566"] {display:none;} .rooms.container .select{border:0 !important;} #engine .activate{background:#fff;} #engine .calendar.input {float:right;} #engine .calendar.input:first-child {float:left;} /* ---------- END ---------- */