
	/* ---------- ENGINE ---------- */

		#engine .vh {visibility:hidden;}
		#engine .canvas {background:center no-repeat;}
		#engine, #engine div {overflow:hidden;}
		#engine input, #engine select, #engine button {border:0px;}
		#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:#fff;position:relative;}
		#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;background:#fff center no-repeat;position:absolute;}
		#engine {width:275px;padding:10px;top:159px;background:rgba(0,0,0,0.8);position:fixed;overflow:hidden;}
		#engine header {padding:5px 0px;}
		#engine header div {color:#fff;font-size:18px;text-align:center;font-family:'Times New Roman';letter-spacing:3px;float: left;}
		#engine header .canvas {width: 20px;height: 20px;display: block;float: right;margin-right: 5px;color: #fff;font-size: 30px;text-transform: uppercase;font-family: serif;-webkit-transform: rotate(45deg);-moz-transform:  rotate(45deg);-o-transform:  rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);line-height:20px;}
		#engine section {margin-top:5px;display:block;}
		#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 .best_price{color:#c94;text-align:center;text-transform:uppercase;font-family:'Raleway';font-size:10px;margin-bottom:20px;}
		#engine .calendar.title {font-size:12px;text-transform:uppercase;color:#fff;}
		#engine .calendar.input {width:48%;float:right;}
		#engine .calendar.input:first-child {float:left;width:48%;}
		#engine .calendar.input canvas {margin:6px 0px;}
		#engine .rooms.title {color:#fff;margin-top:10px;}
		#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;}
		#engine .rooms.input canvas {margin:6px 0px;}
		#engine .rooms.children {margin-top:5px;font-size:9px;text-align:right;color:#f3f3f3;}
		#engine .rooms.more {color:#fff;font-size:10px;}
		#engine .rooms.more .text {color:#fff;cursor:pointer;font-size:10px;text-decoration:underline;}
		#engine .rooms.more .text:hover {text-decoration:none;}
		#engine .code {color:#fff;margin-top:10px;font-size:11px;position:relative;}
		#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 {color:#000;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%;border:2px solid #fff;margin:10px .5% 1px;padding:5px 0px;background:#c94;box-shadow:0px 0px 1px #333;border-radius:2px;}
		#engine button .title {color:#fff;display:block;font-size:15px;font-family:'Times New Roman';letter-spacing:3px;}
		#engine button .subtitle {color:#aaa;font-size:10px;font-style:italic;}
		#engine .svg{text-align:center;margin-top:10px;cursor:pointer;}

		.modify2{font-size:11px;text-transform:none;text-decoration:underline;padding-left:10px;cursor:pointer;}

		.folding_booking{box-shadow:0px 5px 8px 1px rgba(0,0,0,0.5);cursor:pointer;opacity:0;margin:0 11px;z-index:15;position:fixed;top:159px;background:#c94;font-size:15px;text-transform:uppercase;width:253px;text-align:center;padding:5px 0;border:2px solid #fff;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;color:#fff;font-family:'Times New Roman';letter-spacing:3px;}

		@media screen and (max-width:599px)
		{
			#engine {width:100%;position:fixed;margin:0px -10px;top:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);}
			.hidden #engine {transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);}
		}

		/* ---------- FORM ---------- */

		.engineForm aside, .engineForm footer, .engineForm header, .engineForm section {overflow:hidden;}
		.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, .engineWindow div {overflow:hidden;}

		#engineCalendar {display:none;background:#000;overflow:visible;position:fixed;user-select:none;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;}
		#engineCalendar header {color:#c94;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:20px 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;}
		#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;background:#bbb;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;background:#eee;}
		#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-selected.dragging {background:#DA5;}
		#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:#c94;}

		#engineRooms {min-width:280px;display:none;position:fixed;}
		#engineRooms section {background:#fff;border:25px solid #000;left:-100%;padding:25px 10px 45px 30px;font-size:11px;position:relative;}
		#engineRooms section .close {top:0px;right:0px;cursor:pointer;padding:10px;position:absolute;background:center no-repeat;background:#000;}
		#engineRooms section .part {padding:10px 0;}
		#engineRooms section .part.top {margin-bottom:-8px;padding:0px;border-bottom:0px;}
		#engineRooms section .part.container .fl {color:#000;margin-top:5px;margin-right:25px;text-transform:uppercase;font-family:'Raleway';font-size:13px;}
		#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:14px;height:14px;cursor:pointer;margin-top:7px;margin-right:25px;background:#555;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:#555;margin-top:10px;text-align:right;text-transform:uppercase;font-size:13px;font-family:'Raleway';}
		#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:1px 25px;border:1px solid #fff;font-size:14px;font-family:Arial;background:#c94;box-shadow:0px 0px 1px #333;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;border:1px solid #ccc;}
		#engineRooms section .part .fr .title{border:0 !important;color:#555;}
		#engineRooms section .part .fr .remove:first-child{visibility:hidden;}
		.remove.vh{visibility:hidden;}
		@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 {max-height:100%;overflow-y:auto;}
			#engineRooms section {left:0px !important;}
		}

		/* ---------- DYNAMIC ---------- */

		#engineDarkBg {top:0px;left:0px;right:0px;bottom:0px;z-index:16;position:fixed;background:#000;}

		/* ---------- SPECIFIC ---------- */

		#engine {z-index:15;}
		.engineWindow {z-index:17;}
		#engine .select.city option[value="19551"], #engine .select.city option[value="19566"] {display:none;}

	/* ---------- END ---------- */


	/* EFECTOS CSS3 */
		/* mostrar/ocultar */
		.show_activate2{-webkit-animation-name: show2;-webkit-animation-duration: 0.01s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode: forwards;
							-moz-animation-name: show2;-moz-animation-duration: 0.01s;-moz-animation-iteration-count:1;-moz-animation-fill-mode: forwards;
							-o-animation-name: show2;-o-animation-duration: 0.01s;-o-animation-iteration-count:1;-o-animation-fill-mode: forwards;
							-ms-animation-name: show2;-ms-animation-duration: 0.01s;-ms-animation-iteration-count:1;-ms-animation-fill-mode: forwards;}
		@keyframes show2{0%{opacity:0;}100%{opacity:1;}}
		@-webkit-keyframes show2{0%{opacity:0;}100%{opacity:1;}}
		@-moz-keyframes show2{0%{opacity:0;}100%{opacity:1;}}
		.hide_activate2{-webkit-animation-name: hide2;-webkit-animation-duration: 1s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode: forwards;-webkit-animation-delay:2s;
							-moz-animation-name: hide2;-moz-animation-duration: 1s;-moz-animation-iteration-count:1;-moz-animation-fill-mode: forwards;-moz-animation-delay:2s;
							-o-animation-name: hide2;-o-animation-duration: 1s;-o-animation-iteration-count:1;-o-animation-fill-mode: forwards;-webkit-animation-delay:2s;
							-ms-animation-name: hide2;-ms-animation-duration: 1s;-ms-animation-iteration-count:1;-ms-animation-fill-mode: forwards;-webkit-animation-delay:2s;}
		@keyframes hide2{0%{display:show;}100%{display:none;}}
		@-webkit-keyframes hide2{0%{display:show;}100%{display:none;}}
		@-moz-keyframes hide2{0%{display:show;}100%{display:none;}}



		@media(max-width:601px){
			#engine{padding:0!important;}
			#engine header{display:none;}
			#engine section{padding:15px;}
		}
