﻿@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Open Sans');
@font-face{
font-family:'AvenirLT';
src: url('../files/fonts/AvenirLTStd-Light.woff');
src: url('../files/fonts/AvenirLTStd-Light?#iefix') format('embedded-opentype'),
	 url('../files/fonts/AvenirLTStd-Light.woff') format('woff'),
	 url('../files/fonts/AvenirLTStd-Light.ttf') format('truetype'),
	 url('../files/fonts/AvenirLTStd-Light.svg#futura_bk_btbook') format('svg');
}


/* General */
html,body           {margin: 0;
	                 padding: 0;	
                     font-family: AvenirLT, Calibri; 
                     background-attachment: fixed ;  
                     background-repeat: no-repeat;
                     background-position: center top; 
                     -webkit-background-size: cover;
                     -moz-background-size: cover;
                     -o-background-size: cover;
                     background-size: cover;
}
#bg                 {z-index: -1;
                     position: fixed;  
                     top: 0;
                     left: 0;
                     width:auto;
                     height:auto;
                     margin-bottom:20px;
                     background-color:#909090;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
}

a                   {text-decoration:none;}
p                   {margin:0px;}
.auto               {margin:auto;}
.capa               {background-color:#000;opacity: 0.8;filter: alpha(opacity=80);}
.pointer            {cursor:pointer;}
.underline          {text-decoration:underline;}
.border-color       {border-color: maroon;}
.back-color         {background-color:maroon;}
.black              {color:#000;}
.white              {color:#fff;}
.maroon             {color:maroon;font-size:16pt;}
.gray               {color:#2e2e2e;}
.green              {color:green;}
.red                {color:#B40404;}
.bold               {font-weight:bold;}
.normal             {font-weight:normal;}
.border             {border:solid 1px gray}
.no-border          {border:none}
.transparent        {background-color:transparent}                        
.hide               {display:none}
.show               {visibility:visible}
.hidden             {visibility:hidden}
.table              {display:table;width:100%}
.table-row          {display:table-row;}
.table-col          {display:table-cell;}
.col                {display:table-column;}
.table-bottom       {border-top:solid 1px gray;border-bottom:solid 1px gray;margin-bottom:20px;}
.table-rate         {display:table;padding-left:5px;font-size:11pt;}
.border-top-1       {border-top:solid 1px gray;border-bottom:solid 1px gray;margin-bottom:20px;}
.float-l            {float:left;}
.float-r            {float:right;}
.left               {text-align:left}
.center             {text-align:center}
.right              {text-align:right}
.top                {vertical-align:top}
.middle             {vertical-align:middle}
.bottom             {vertical-align:bottom}
.m-top-4            {margin-top:4px;}
.m-top-6            {margin-top:6px;}
.m-top-10           {margin-top:10px}
.m-top-20           {margin-top:20px}
.m-top-30           {margin-top:30px}
.m-bot-4            {margin-bottom:4px;}
.m-bot-30           {margin-bottom:30px;}
.m-bot-20           {margin-bottom:20px;}
.p-3                {padding:3px}
.p-5                {padding:5px;}
.p-10               {padding:10px}
.p-top-4            {padding-top:4px}
.p-top-10           {padding-top:10px}
.p-top-20           {padding-top:20px}
.p-top-30           {padding-top:30px}
.p-bot-2            {padding-bottom:2px}
.p-bot-6            {padding-bottom:6px}
.p-bottom-10        {padding-bottom:10px}
.p-bottom-20        {padding-bottom:20px}
.p-bottom-30        {padding-bottom:30px}
.p-bottom-60        {padding-bottom:60px}
.p-bottom-80        {padding-bottom:80px}
.p-left-movil       {padding-left:0px;}
.p-left-10          {padding-left:10px}
.p-left-20          {padding-left:20px}
.p-left-30          {padding-left:30px}
.p-right-5          {padding-right:5px}
.p-right-10         {padding-right:10px}
.p-right-20         {padding-right:20px}
.p-right-30         {padding-right:30px}
.w-33               {width:33%;}
.w-40               {width:40%;}
.w-45               {width:45%;}
.w-50               {width:50%;}
.w-60               {width:60%;}
.w-100              {width:100%;}
.w-min              {min-width:1000px;}
.w-main             {width:900px;}
.w-price            {width:100px;}
.w-select           {width:350px;padding-left:32px}
.icon               {width:48px;height:48px}
.txt-7              {font-size:7pt;}
.txt-8              {font-size:8pt;}
.txt-9              {font-size:9pt;}
.txt-10             {font-size:10pt;}
.txt-11             {font-size:11pt;}
.txt-12             {font-size:12pt;}
.txt-14             {font-size:14pt;}
.txt-16             {font-size:16pt;}
.txt-20             {font-size:20pt;}
.col-100            {display:table-cell;width:100%}
.border-box         {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.div-back           {display:none;z-index:1000;position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity: 0.8;filter: alpha(opacity=80);}
.radius-10          {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius-5           {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.round-5            {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.radius-2           {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.shadow             {-webkit-box-shadow: 2px 2px 10px #999;-moz-box-shadow: 2px 2px 10px #999;}
.txt-shadow         {text-shadow: 1px 1px #999;}
.txt-shadow-white   {text-shadow: 0 0 1px #000, 0 0 1px #fff;}
.txt-shadow-gray    {text-shadow: 0 0 5px #000, 0 0 5px gray;}
.txt-shadow-black   {text-shadow: 0.1em 0.1em 0.2em #000;}
.lbl-error          {display:block;font-size:11pt;font-weight:600;color:#fff;}
.btn-hide           {width:0px;height:0px;border:none;background-color:transparent;position:fixed;z-index:-1;}

/* Loading */
#divLoading {
    z-index: 2000;
    position: fixed;
    border: none;
    background-color: transparent;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Room Detail */
.txt-detail-room    {display:block;}
.div-room-detail    {display:none;z-index:2000;position:fixed;top:10px;width:90%;border:solid 2px darkred;padding:10px 0px;margin:auto;max-width:600px;max-height:94vh;background-color:#fff;overflow-y:auto;left:0px;right:0px}
.div-room-detail-txt{width:94%;margin:auto;text-align:left;padding-bottom:8px;}
.img-room-detail    {display:block;width:94%;margin:auto;padding-bottom:8px}
.img-mini           {z-index:1;position:absolute;top:50%;margin-top:-16px;color:#fff;width:32px;height:32px;cursor:pointer;}
.img-mini-left      {left:5px}
.img-mini-right     {right:5px}
.img-mini-desktop   {display:initial;}


/* Rate Detail */
.lbl-rate-detail {
    display: table;
    padding-left: 10px;
    font-size: 10pt;
    font-weight: 600;
    color: darkred;
}
.cell-rate-detail   {display:table-cell;}
.free-night         {color:gray}
.lbl-rate-color     {background-color:transparent}
.rate-width-col1    {width:32px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:110px}
.rate-bruto-col     {width:120px;text-align:right}
.rate-sub-col       {width:120px;text-align:right}

/* Header */
.box-logo           {padding: 4px 0px;color:#fff;}
.header-width       {width:99%;margin:auto}
.header-cols        {display:table-cell;width:50%;}
.header-cell        {display:table-cell;width:50%;text-align:center;padding-top:10px;}
.header-33          {width:33%;}
.header-txt         {font-size:12pt;color:#000; }

/* 16-08-2023: Inicio */
.lbl-hotel-name     {display:table;padding:10px 0px;color:#0158A3;font-size:14pt;margin:auto;}
/* 16-08-2023: Fin */

.btn-cal            {width:134px;
                     height:30px;
                     border:solid 2px #00D936;
                     background-color:#fff;
                     background-image:url(../files/calendar.jpg);
                     background-position-x:5px;
                     background-position-y:5px;
                     background-position:5px 5px;
                     background-repeat:no-repeat;
                     cursor:pointer;
                     padding:5px;
                     margin:auto;
}
.btn-date           {font-family:'AvenirLT', sans-serif;
                     width:134px;
                     height:40px;
                     border:solid 1px #c0c0c0;
                     background-color:#fff;
                     padding:0px;
                     cursor:pointer;
}
.btn-book           {background-color:transparent;background-image:none;width:108px;color:#fff;font-weight:600;padding-left:0px;letter-spacing:1px;}
.btn-book-no        {background-color:gray;background-image:none;width:108px;color:#fff;font-weight:600;padding-left:0px;cursor:auto;letter-spacing:1px;}
.txt-date           {border:none;background:transparent;font-size:8pt;color:#000;font-weight:600;width:100%;height:90%;font-family:Arial;text-align:right;cursor:pointer;}
.list-params        {width:90px;height:40px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;text-align:center;color:#000;font-weight:600; font-size:11pt;font-family:Calibri;cursor:pointer;background-color:#fff;}
.list-params-occ    {width:70px;height:30px;background-color:#fff;font-weight:bold;font-size:9pt;}
.p-params-occ       {padding:0px 10px 4px 10px}
.table-occ           {display:table;width:auto;margin:auto;min-width:270px;margin-top:10px}
.list-night         {width:46px;height:44px;margin:0px 0px;border-color:#00D936;border-width:2px}
#col-night          {display:table-cell;}
.list-transparent   {background-color:RGBa(0,0,0,0.5);border:solid 1px #000;color:#fff}
.div-child          {height:auto;background-color:#fff;padding:10px 0px 10px 0px;color:#000;border:solid 1px silver;padding-top:10px}
.width-child        {width:500px;margin:auto}
.child3             {display:none}
.child5             {display:none}
.child7             {display:none}

/* Header Social */
.bar-top            {box-sizing:border-box;background-color:#fff;color:#000;padding:8px 8px;}

/* 10-04-24: INICIO */
.bar-top-left       {display:table-cell;width:100%;min-width:50%;}    
.bar-top-home       {margin-left:3px;font-size:20pt;}
.bar-top-right      {display:table-cell;width:auto;max-width:50%;}
/* 10-04-24: FIN */

.bar-top-separator  {height:42px;border-left:solid 2px #000;margin:0px 8px}
.bar-color-text     {color:#000;}
.table-col-month    {padding-right:10px}
.social-col         {display:table-cell;text-align:center;vertical-align:middle;padding:0px 5px;}
.social-col-right   {display:table-cell}
.social-col-logo    {display:table-cell;text-align:left;vertical-align:top;padding:10px;}
.social-col-diadema {display:table-cell;vertical-align:top;padding:10px 5px;}
.social-col-llama   {display:table-cell;width:auto;}
.social-col-language{display:table-cell;width:200px;text-align:right;vertical-align:top;padding:10px;}
.btn-help           {width:34px;height:32px;text-align:center;font-size:20pt;font-weight:bold;background-color:#fff;color:#ff5000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.w-language         {width:200px;}
.no-decoration      {text-decoration:none;}
.main-col-lr        {display:table-cell;vertical-align:top;}
.txt-tel-head-foot  {font-size:20pt;}


/* Main */
.back-movil         {}
.main-width         {width:900px;margin:auto;}
/*
.main-col-left      {display:table-cell;width:30%;border-right:solid 1px silver;padding-left:3px;padding-bottom:3px;background-color:#faf4ff;box-sizing: border-box;}
.main-col-right     {display: table-cell;width: 70%;padding-right: 2px;padding-bottom: 3px;background-color:#f0ffff;box-sizing: border-box;}
*/
.main-row           {border:solid 2px gray;border-radius:15px;padding:10px 2px;margin-top:20px}
.main-col-left      {display:table-cell;width:49%;padding-left:5px;;box-sizing: border-box;}
.main-col-right     {display:table-cell;width:49%;padding-left:5px;padding-top:2px;box-sizing: border-box;}
.gradient           {}
.main-title         {color:#fff;background-color:transparent;height:28px;text-align:left;padding-left:4px;vertical-align:middle;border:none;border-bottom:solid 1px gray;letter-spacing:1px;}
.main-col-30        {display:table-cell;width:30%;border-right:none;text-align:left;vertical-align:top;padding-top:4px;padding-left:4px;margin:0;}
.main-col-40        {display:table-cell;width:40%;border-right:none;text-align:left;vertical-align:top;padding-top:4px;padding-left:4px;}
.main-col-50        {display:table-cell;width:50%;border-right:none;text-align:left;vertical-align:top;padding-top:4px;padding-left:4px;}
.main-col-20        {display:table-cell;width:20%;border-right:none;}


/* Cols Rooms */
.tbl-room           {width:280px}
.table-room         {margin-top:10px}
.img-room           {display:block;width:100%;border:none;color:gray}
.radius-room        {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.lbl-room-title     {display:block;font-size:10pt;font-weight:600;color:darkred;cursor:pointer;text-decoration:underline;}
.lbl-title-room     {display:block;text-decoration:underline;}
.lbl-room-promo     {min-width:100px;display:inline-block;font-size:12pt;font-weight:600;cursor:pointer;text-decoration:underline;color:#00D936;padding-top:2px}

.lbl-price          {text-decoration:none;font-size:13pt;cursor:auto;}
.lbl-price-no       {text-decoration:none;font-size:10pt;color:red;cursor:auto;font-weight:bold}
.lbl-price-small    {text-decoration:none;font-size:11pt;color:#2e2e2e;cursor:auto;}
.lbl-price-up-button{display:block}
.lbl-price-last     {display:none;font-weight:bold}
.lbl-price-desktop  {display:initial;}
.lbl-price-movil    {display:none;}
/* 11-2023 */
.lbl-price-through  {cursor:pointer;font-size:11pt;text-decoration:line-through;color:gray}

.txt-room-title     {display:block;font-size:11pt;color:#2e2e2e;}
.txt-room-detail    {display:block;color:#000;font-weight:normal;font-size:10pt;}
.col-100-room       {padding-top:4px;padding-right:4px;} 
.col-40-room        {display:table-cell;border-right:none;vertical-align:bottom;}
.col-20-room        {display:table-cell;border-right:none;text-align:right;padding-right:8px;}
.col-last-room      {display:table-cell;text-align:right;text-align:center;border-bottom:none;}
.col-inline         {display:inline-block;}
.box-room           {display:block;}
.lbl-bruto          {font-size:10pt;color:#000;text-decoration:line-through;padding-top:0px;}
.lbl-max            {font-weight:bold}

.rate-link          {color:darkblue;text-decoration:underline;cursor:pointer;font-weight:bold}
.occ-link           {color:darkblue;text-decoration:underline;cursor:pointer;font-weight:bold}
.occ-icon           {width: 12px;}
.occ-icon-gray      {width: 12px;}
.occ-icon-ch        {width: 10px}
.occ-icon-2         {background: url(../files/person.png?1);background-size: 50% 100%;background-repeat: repeat-x;}
.occ-icon-trash     {margin-right:3px;font-size:24pt;color:red;text-shadow:silver 2px 2px;}
.table-col-trash    {display:table-cell;width:20px;padding-right:5px;text-align:right;}
.occ-hide           {display:none;}
.occ-hidden         {visibility:hidden;}
.col-final-l        {display:table-cell;padding-right:10px}
.col-final-r        {display:table-cell;padding-left:10px}
.occupation         {overflow-y:auto}


/* Footer */
.footer             {margin-top:20px;padding-top:30px;padding-bottom:60px;text-align:center;font-family:'Oswald',sans-serif;background:#222;color:#909090;font-weight:400;} 
.footer-col         {display:table-cell;width:33%;text-align:center;vertical-align:top;}
.footer-col-23      {margin-top:0px;}
.footer-btn-help    {width:74px;padding:0px 5px 2px 5px;vertical-align:middle;text-align:center;font-size:40pt;font-weight:bold;background-color:orange;color:#ffF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.footer-title       {font-size:20pt;font-weight:bold;}
.footer-item        {font-family:'Open Sans', sans-serif;font-size:12pt;font-weight:normal;}
.footer-credit-card {background-color:orange;}
.footer-a           {text-decoration:none;color:#909090;}
.table-col-soc      {display:table-cell;width:70px}
.footer-icon-soc    {font-size:40pt;}
.facebook           {-webkit-transition: color .5s;transition: color .5s;color:silver;}
.facebook:hover     {color:#1779ba;}
.twitter            {-webkit-transition: color .5s;transition: color .5s;color:silver;}
.twitter:hover      {color:#1ABC9C;}
.pinterest          {-webkit-transition: color .5s;transition: color .5s;color:silver;}
.pinterest:hover    {color:#CC2129;} 
.google             {-webkit-transition: color .5s;transition: color .5s;color:silver;}
.google:hover       {color:#dd4b39;}
.whatsapp           {-webkit-transition: color .5s;transition: color .5s;color:silver;}
.whatsapp:hover     {color:#25D366;}

/* promotion */
.promotion          {box-sizing:border-box;}
.promotion:hover    {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);}
.promotion-movil    {display:none;}
.promotion-movil-img{width:auto;}

/* Sticky */
.sticky             {z-index:0;
                     width:auto;
                     position:fixed;
                     bottom:0px;
                     right:10px;                     
                     padding:2px 4px;
                     padding-top:4px;                     
                     -webkit-border-radius:5px;
                     -moz-border-radius:5px;
                     border-radius:5px;}



/* Eze-Trip */
.text-right {
  text-align: right !important;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: -3px;
  left: 0;
  z-index: 1030;
}

.m-1 {
  margin: 0.25rem !important;
}

/* Dropdown Button */
.dropbtn {
	background-color: #fa763ddf;
	color: white;
	padding: 5px;
	font-size: 16px;
	border: none;
	cursor: pointer;	
}  
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #fa763d;;
}  
/* The container <div> - needed to position the dropdown content */
.dropdown {
float: right;
position: relative;
display: inline-block;
} 
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
right: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 2000;
bottom: 50px;
} 
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
  
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}
  
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show-eze {display:block;}

.text-light     {color: #f8f9fa!important;}
.bg-info        {background-color: #17a2b8!important;}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {background-color: #117a8b!important;}
.bg-success     {background-color: #28a745!important;}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #1e7e34!important;}
.bg-primary     {background-color: #007bff!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #0062cc!important;}
/* END Eze-Trip */


/* WebPay */
.wp-frame           {width:100%;height:100%;}

/* About Hotel */
.about-hotel        {display:table;margin:auto;margin-top:20px} /* 24-08-2023 */ 

#imgAboutHotelDetail{display:initial;}
.carrusel-back      {background-size:100% auto;
                     background-repeat:no-repeat;
                     box-sizing: border-box;
}
.img-about          {display:table;width:auto;} /* 24-08-2023 */
.lbl-about          {color:#00D936;font-weight:bold;margin:auto;margin-top:20px;cursor:pointer;text-decoration:underline} /* 24-08-2023 */

.carrusel-back-small{background-repeat:no-repeat;}
.border-inside-10   {outline: 2px solid #fff; outline-offset:-10px;}
.border-inside-5    {outline: 2px solid #fff; outline-offset:-5px;}
#lblNumHab          {display:initial;}
#lblNumHabShort     {display:none;}
#lblNumHabSmall     {display:none;}

/* Tooltip */ 
.cssToolTip         {position: relative;}
.cssToolTip span    {border:solid 1px #fff; box-shadow:5px 5px 5px #333; display:none; font-size:12pt;
                     padding:10px 20px 10px 20px; position:absolute; top:15px; left:20px;
                     z-index: 1000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

/* PROMOCION POR EL MOMENTO DESHABILITADO */
/*
.cssToolTip:hover span  {display:inline;width:200px;}
.spanToolTip            {color:darkgreen;background:#fff;}
 */

/* Movil */
.main-title-m       {display:none;} 

/* confirmation  */

.p-10-conf          {padding:10px}
.col-l-conf         {display:table-cell;width:50%;box-sizing:border-box;}
.col-r-conf         {display:table-cell;width:50%;box-sizing:border-box;padding-left:10px}
.col-l-room         {display:table-cell;width:90px;box-sizing:border-box;text-align:left}
.col-r-room         {display:table-cell;width:auto;box-sizing:border-box;text-align:left}
.col-see-conf       {text-align:right;padding-right:20px}
.col-accept-conf    {text-align:left;padding-left:20px}
#divBackMov         {display:none}
.backConfirm        {background-color:#f0ffff}
.div-add            {max-width:800px}
.img-add            {width:90px}
.img-add-big        {width:400px}
.col-l-add          {display:table-cell;border:none;width:100px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table-cell;width:50%;vertical-align:bottom;}
.col-btn-add        {text-align:right;padding-right:4px}
.col-person-add     {width:33%;text-align:center;}
.col-date-title     {display:table-cell;}
.col-date-add       {display:table-cell;width:120px;} 
.col-night-add      {width:120px}  
.col-room-add       {width:120px;text-align:center;}
.col-imp-add        {width:auto;text-align:right}     
.table-person-add   {width:300px} 
.list-add           {width:80px;height:34px}
.txt-conf           {width:100%;height:24px;border:solid 1px #229954;font-size:11pt;background-color:#fff}
.left-col           {width:160px}
.left-col-conf      {display:table-cell;width:160px}
.right-col-conf     {display:table-cell;width:auto;}
.table-col-retry    {display:table;width:100%;text-align:center}
.align-retry        {text-align:left;}
#btnRetry           {margin:auto;margin-top:10px;}
#btnChange          {margin:auto;margin-top:20px;}
#divRetry           {padding-top:20px}
.col-height-conf    {height:42px}
.box-conf           {margin:4px 0px;border:solid 1px gray;background-color:#003366;}
.txt-pass-conf      {width:80px}
.txt-height-obs     {height:auto;min-height:54px}
.div-retry          {width:90%;max-width:480px;margin:auto;padding-bottom:10px;border-bottom:solid 1px gray;}
.div-retry-card     {background-color:#F2F2F2;margin-top:8px;padding:20px 20px;border-bottom:none}
.btn-confirm        {width:170px;}
.icon-card          {width:24px}
.table-col-conf     {display:table-cell}
.col-left-conf      {display:table-cell;width:45%;}
.col-right-conf     {display:table-cell;padding-left:20px;}

.table-data         {padding:10px;}
.divBodyAdd         {background-color:#fff;max-height:300px;border-bottom:solid 2px silver;padding-bottom:2px; overflow-y:auto;overflow-x:hidden;}
.h-black-conf       {height:30px;padding-bottom:2px;}
#titleReservation   {color:#fff;font-size:16pt;font-weight:bold}
#titleData          {color:#fff;font-size:16pt;font-weight:bold}
.col-special        {display:table-cell;padding-left:10px;color:#fff;}
/* Inserted */
.divConfirmation    {margin:auto;margin-top:10px;background:#fff;padding:10px 20px}
.lbl-conf-ok        {padding-top:0px}
.icon-guest         {width:16px;}
.btn-home           {width:48px;height:38px;cursor:pointer;border:none;background-color:transparent;background-image:url('../files/home.png');background-size:48px 38px;background-repeat:no-repeat;}
.btn-print          {width:48px;height:38px;cursor:pointer;border:none;background-color:transparent;background-image:url('../files/print.png');background-size:48px 38px;background-repeat:no-repeat;}
.btn-oxxo           {display:none;width:60px;height:38px;cursor:pointer;border:none;background-color:transparent;background-image:url('../files/oxxo.png');background-size:60px 38px;background-repeat:no-repeat;}
.w-auto             {width:auto;padding-right:2px;text-decoration:none;cursor:auto;}
#lblConfTotal       {padding:2px 0px}
.logos              {transform: scale(1); }

.parpadeo {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
    0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
    0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {  
    0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* Parpadeo Botones */
.btn-parpadeo {
  
  animation-name: btn-parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:btn-parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  text-decoration:none;
}

@-moz-keyframes btn-parpadeo{  
    0% { border: solid 1px #000; }   
   50% { border: solid 1px #fff; }   
   75% { border: solid 1px #fff; }   
  100% { border: solid 1px #000; }
}

@-webkit-keyframes btn-parpadeo {  
    0% { border: solid 1px #000; }   
   50% { border: solid 1px #fff; }   
   75% { border: solid 1px #fff; }   
  100% { border: solid 1px #000; }
}

@keyframes btn-parpadeo {  
    0% { border: solid 1px #000; }   
   50% { border: solid 1px #fff; }   
   75% { border: solid 1px #fff; }   
  100% { border: solid 1px #000; }
}

.final         {background:silver;color:#fff;padding:5px 0px;text-align:center;vertical-align:middle;width:100%}
.final-total   {background:#4AB154;border-radius:10px;padding:10px 20px}
.final-btn     {background:#A6CE39;border-radius:10px;padding:12px 0px;position:absolute;top:5px;width:240px}
.final-btn-submit{width:100%;height:100%;text-align:center;font-size:18pt;font-weight:bold;border:none;background:#A6CE39;color:#fff;}
.final-mail     {background:#4AB154;border-radius:10px;padding:12px 0px;position:absolute;bottom:5px;width:240px}
.lbl-small-final{font-size:8pt;font-weight:normal;}
.lbl-big-final  {font-size:20pt;font-weight:bold;padding:0px;margin:0px}
.final-cart     {font-size:20pt;margin-bottom:4px}
.circle-cart    {height:23px;width:23px;background-color:#4AB154;border-radius:50%;color:#fff;font-size:9pt;padding-top:4px;box-sizing:border-box;}
.table-pre-cart {z-index:1;position:relative;display:table;width:100%}
.table-cart     {z-index:2;position:relative;display:table;width:100%}
.mail-final     {width:90%;height:auto;text-align:center;font-size:10pt;border:none;background:#4AB154;color:#fff;text-transform:lowercase;}
.final-col      {width:250px}
.btn-conf-final {background:#4AB154;border-radius:25px;padding:12px 15px;color:#fff;border:none;font-weight:bold;cursor:pointer}
.btn-no         {background: gray;cursor:not-allowed;}
.op-special label {padding-left:2px;padding-right:10px}
.op-payment       {padding:0px;}
.op-payment li    {display:table;width:100%;padding-bottom:8px}
.op-payment marker{display:none}
.op-payment input {display:table-cell;width:130px;text-align:center;vertical-align:middle}
.op-payment label {display:table-cell;width:100%;font-weight:bold;text-align:left;vertical-align:middle;}
.ck-accept        {}
.menu             {width:200px;padding:0px 0px;z-index: 1000;position: fixed;right: 10px;font-size: 8pt;margin-top: -5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:solid 1px #000;background:#fff}
.menu-item        {background-color:transparent;color:#000;padding:10px 0px 10px 10px;}
.menu-item-a      {color:#000;text-decoration: none;cursor: pointer;}
.menu-item-close  {font-size:24pt;padding-right:5px}

.input-wrapper {
    position: relative;
    width: 100%;
}

.input-icon {
    color: #191919;
    position: absolute;
    width: auto;
    height: auto;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.input {padding-left:20px;box-sizing:border-box}
.no-pointer         {cursor:initial}
.input-tel {
    position:relative;
    left:14px;
    top:18px;
}

.win-center {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* 05-2025 Inicio: Carousel */
.carousel-col {
    display:table-cell;
    vertical-align: middle;
}
.opt-main   {
    display:table;
    width:100%;
    height:140px;
    box-sizing:border-box;
    padding:20px 10px;
    text-align:center;
    background:gray;
    overflow:hidden;
}

.carousel-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.carousel {
    padding: 20px 50px;
    display: flex;
    transition: scroll 0.3s ease-in-out;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; 
}

    .carousel::-webkit-scrollbar {
        display: none;
    }

    /*.carousel div {
        width: 120px;
        height: 80px;
        margin-right: 10px;
        border-radius: 8px;
        flex-shrink: 0;
        background: darkgreen;
        border-radius: 5px 5px;
        align-items: center;
        align-content: center;
    }*/

.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    border: none;
    color: white;
    font-size: 2rem;
    padding: 5px;
    cursor: pointer;
    z-index: 1;
}

    .nav.left {
        left: 0;
        border-radius:0px 5px 5px 0px;
    }

    .nav.right {
        right: 0;
        border-radius:5px 0px 0px 5px;
    }

.carousel-warning {
    color: orangered;
    font-size: 20pt
}
.carousel-warning-text {
    color: orangered;
    font-size: 14pt;
    font-weight: bold;
    padding-left: 10px;
}
.carousel-btn {
    width: 120px;
    height: 80px;
    margin-right: 10px;
    border-radius: 8px;
    flex-shrink: 0;
    background: darkgreen;
    border-radius: 5px 5px;
    align-items: center;
    align-content: center;
    cursor:pointer;
    color: #fff;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
}
.carousel-btn-no {
    width: 120px;
    height: 80px;
    margin-right: 10px;
    border-radius: 8px;
    flex-shrink: 0;
    background: gray;
    border-radius: 5px 5px;
    align-items: center;
    align-content: center;
    cursor: not-allowed;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}


/* 05-2025 Fin: Carousel */


/******************
 *   Responsive   *
 ******************/

@media screen and (min-width: 993px) {


.w-main {width:90%}
/*.gradient           {background: -webkit-linear-gradient(#FBFBEF, #fff);
                     background: -o-linear-gradient(#FBFBEF, #fff);
                     background: -moz-linear-gradient(#FBFBEF, #fff);
                     background: linear-gradient(#FBFBEF, #fff); }*/
/*.table-bottom       {margin-bottom:10px;}*/
.lbl-tar-movil      {display:none;}


}

@media screen and (max-width: 992px) {

.header             {width: 99%;}
/*.header-width       {width: 480px;}*/
.header-cols        {display:table-row;}
.footer             {width: 99%;}
.main-width         {width: 99%;margin:0px;}
.lbl-tar-movil      {display:block;text-align:center}
/*.lbl-tar            {text-align:center;}*/

.btn-cal            {width:140px}
.btn-book           {width:640px;font-size:13pt;display:table;margin:auto;font-family:'AvenirLT', sans-serif;  }
.btn-book-no        {width:640px;font-size:13pt;display:table;margin:auto;font-family:'AvenirLT', sans-serif;}


.child3             {display:none}
.child5             {display: table-column-group }
.child7             {display:none}

.back-movil         {background:#fff;border-bottom:solid 2px gray;border-top:solid 2px gray}

.main-row           {width:90%;margin:auto;margin-top:20px}
/*.p-left-movil       {box-sizing: border-box;}*/

.main-col-30        {margin:10px 0px;border-bottom:none;}
.main-col-50        {border-bottom:none;}
.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px;}
.col-100-room       {display:block;padding-right:0px}

#main-title         {display:none;}

.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:table;margin:auto; height:auto;padding-top:3px;padding-bottom:0px;font-size:13pt;font-weight:bold;border-top:solid 2px gray;border-bottom:none;background-color:transparent}
.box-room           {display:block;}
.box-image          {width:99%;}
.img-room           {margin:auto;color:black}
.radius-room        {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.txt-detail-room    {display:none;}

.txt-room-title     {font-size:10pt;}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.lbl-price-desktop  {display:none;}
.lbl-price-movil    {display:block;}
.rate-width-col1    {width:30px;font-size:11pt;}
.rate-width-col2    {width:20px;font-size:11pt;}
.rate-width-col3    {width:30px;font-size:11pt;}
.rate-date-col      {width:120px;font-size:11pt;}
.rate-bruto-col     {width:80px;font-size:11pt;}
.rate-sub-col       {width:100px;font-size:11pt;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* spanToolTip */
.cssToolTip span    {left:48%}

/* Additional */
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:200px}
.img-add-big        {width:400px}
.col-l-add          {display:table-cell;border:none;width:210px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}


/* Confirmation */
.backConfirm        {background-color:#fff}
.divConfirmation    {width:80%;}
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.left-col           {padding-left:4px;}
.table-col-conf     {display:block}
.btn-confirm        {width:50%;height:60px}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:15pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:15pt;}
#btnOk              {margin-top:20px}

/* Company */
.social-col         {display:table-row;}
.social-col-right   {display:table-row;}

/* Promotions */
.main-col-lr        {display:none;}

/* 
    .promotion-movil    {display:table;} 
*/

/* Promotions */
.promotion-movil-1{max-width:450px;}
.promotion-movil-2{max-width:450px;}
.promotion-movil-img{max-width:440px;}

/* Footer New */
.footer-col {display:table;margin:auto;width:auto;}
.footer-col-23 {margin-top:50px;}

/* WebPay */
.wp-frame           {width:360px;height:460px;margin-left:130px}

/* movil */
.w-select           {width:330px}
.table-rate         {max-width:90%;width:auto;font-size:12pt}
.about-hotel        {display:table;margin:auto;margin-top:20px;width:90%}
.img-about          {display:table;width:100%}
.img-mini-left      {left:50px}
.img-mini-right     {right:50px}
.img-mini-desktop   {display:none;}
.img-room-left      {left:15px}
.img-room-right     {right:15px}
}

@media screen and (max-width: 820px) {
/* movil */
.w-select           {width:270px;padding-left:38px}
}

@media screen and (max-width: 768px) {

.table-bottom       {margin-bottom:20px;border-top:none;}
.btn-cal            {width: 140px;}
.btn-book           {width:70%;font-size: 13pt;display: table;margin: auto;}
.btn-book-no        {width:70%;font-size: 13pt;display: table;margin: auto;}

.main-row           {width:95%;}

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*768px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:13pt;font-weight:bold;}
.lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}
.lbl-price-desktop  {display:none;}
.lbl-price-movil    {display:block;}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px;font-size:11pt;}
.rate-width-col2    {width:20px;font-size:11pt;}
.rate-width-col3    {width:30px;font-size:11pt;}
.rate-date-col      {width:120px;font-size:11pt;}
.rate-bruto-col     {width:80px;font-size:11pt;}
.rate-sub-col       {width:100px;font-size:11pt;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal}

/* 10-04-24: INICIO */
.main-col-left      {display:table;width:100%}
.main-col-right     {display:table;width:100%}
.table-col-trash    {padding-top:10px}
/* 10-04-24: FIN */

/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:200px}
.img-add-big        {width:300px}
.col-l-add          {display:table-cell;border:none;width:210px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:11pt;}
.col-date-add       {width:100px;font-size:11pt;} 
.col-night-add      {width:120px;font-size:11pt;}  
.col-room-add       {width:120px;text-align:center;font-size:11pt;}
.col-imp-add        {width:auto;text-align:right;font-size:11pt;}     
.table-person-add   {width:230px;} 
.list-add           {font-size:11pt;}
.listAdult          {width:70px;}
.list6to12          {width:70px;}
.list13to17         {width:70px;}

/* movil */
.w-select           {width:260px;padding-left:34px}
.about-hotel        {width:96%}
.img-about          {display:table;width:100%}
.img-mini-left      {left:30px}
.img-mini-right     {right:30px}
.img-room-left      {left:15px}
.img-room-right     {right:15px}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.left-col           {padding-left:4px;}
.table-col-conf     {display:block}

#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold}
#btnOk              {margin-top:20px}

/* Social */
.txt-20             {font-size:16pt}

.sticky             {bottom:10px}

/* Promotions */
.promotion-movil-1{max-width:360px;}
.promotion-movil-2{max-width:360px;}
.promotion-movil-img{max-width:350px;}
.logos              {transform: scale(0.9);}

}

@media screen and (max-width: 640px) {

/*.header             {width:640px;}*/
/*.header-width       {width:480px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width:640px;}
.main-width         {width:640px;margin:0px;}*/

.btn-cal            {width:140px}
.btn-book           {width:70%;font-size:13pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:13pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:640px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:640px;} */


.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*640px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;}*/
/*.box-image          {display:block;width:640px;box-sizing:border-box;}*/
/*.img-room           {width:631px;}*/

.lbl-room-title     {font-size:9pt;}
.txt-room-title     {font-size:10pt;}
/*.lbl-title-room     {display:none;}*/
/*.txt-room-detail    {padding-top:4px;font-weight:normal}*/
.lbl-price          {font-size:12pt;}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px;font-size:10pt}
.rate-width-col2    {width:20px;font-size:10pt}
.rate-width-col3    {width:30px;font-size:10pt}
.rate-date-col      {width:120px;font-size:10pt}
.rate-bruto-col     {width:80px;font-size:10pt}
.rate-sub-col       {width:100px;font-size:10pt}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}
/* Additional */
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:200px}
.img-add-big        {width:240px}
.col-l-add          {display:table-cell;border:none;width:210px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:10pt;}
.col-date-add       {width:80px;font-size:10pt;} 
.col-night-add      {width:80px;font-size:10pt;}  
.col-room-add       {width:90px;text-align:center;font-size:10pt;}
.col-imp-add        {width:auto;text-align:right;font-size:10pt;}     
.table-person-add   {width:190px;} 
.list-add           {font-size:10pt;}
.listNight          {width:70px;}
.listRoom           {width:50px;}
.listAdult          {width:50px;}
.list6to12          {width:50px;}
.list13to17         {width:50px;}
/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto;}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.left-col-conf      {display:table;width:99%}
.right-col-conf     {display:table;width:99%}
.align-retry        {text-align:center;}
.table-data         {padding-left:1px;padding-right:6px}
.left-col           {padding-left:4px;}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold}
#btnOk              {margin-top:20px}
/* Social */
.txt-20             {font-size:14pt}
.social-col-logo    {display:table-caption;text-align:center;padding-top:5px;}
/* Promotions */
.promotion-movil-1{max-width:310px;}
.promotion-movil-2{max-width:310px;}
.promotion-movil-img{max-width:300px;}

/* movil */
.table-rate         {font-size:11pt;}
.img-mini-left      {left: 30px}
.img-mini-right     {right: 30px}
.img-room-left      {left:10px}
.img-room-right     {right:10px}

/* 10-04-24: INICIO */
.w-price            {width:90px}
/* 10-04-24: FIN */

.w-select           {width:220px;padding-left:38px}
.txt-10             {font-size:9pt;}

/* WebPay */
.wp-frame           {margin-left:120px}
}

@media screen and (max-width: 480px) {

/*.header             {width: 480px;}
.header-width       {width: 400px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 480px;}
.main-width         {width: 480px;margin:0px;}*/
.txt-12             {font-size:11pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

.btn-cal            {width:140px}
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:460px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:460px;}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*480px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;}*/
/*.box-image          {display:block;width:480px;box-sizing:border-box;}*/
/*.img-room           {width:471px;}*/

/*.lbl-room-title     {font-size:12pt;}*/
.txt-room-title     {font-size:10pt;}
/*.lbl-title-room     {display:none;}*/
.txt-room-detail    {font-size:9pt;margin-top:10px}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px;font-size:9pt;}
.rate-width-col2    {width:20px;font-size:9pt;}
.rate-width-col3    {width:30px;font-size:9pt;}
.rate-date-col      {width:120px;font-size:9pt;}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;font-size:9pt;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:160px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:170px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-add       {width:58px;font-size:8pt;} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.left-col           {padding-left:2px;}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#btnOk              {margin-top:20px}

/* Social */
.social-col-language{display:table-caption;margin:auto}
.table-social       {margin:auto;}
.table-col-separator{display:table-caption;}
.table-col-mess     {padding-right:0px;}
.table-col-mail     {padding-right:0px;}
#divSocial          {width:100%;}
/* Promotions */
.promotion-movil-1{max-width:210px;}
.promotion-movil-2{max-width:210px;}
.promotion-movil-img{max-width:200px;}

/* WebPay */
.wp-frame           {margin-left:37px}

.logos              {transform: scale(0.8);}

.img-mini-left      {left:20px}
.img-mini-right     {right:20px}
.img-room-left      {left:10px}
.img-room-right     {right:10px}
.w-select           {width:140px;padding-left:32px}
.table-rate         {font-size:9pt;}

#lblNumHab          {display:none;}
#lblNumHabShort     {display:initial;}
#lblNumHabSmall     {display:none;}
}

@media screen and (max-width: 460px) {

/*.header             {width: 460px;}
.header-width       {width: 400px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 460px;}
.main-width         {width: 460px;margin:0px;}*/
.txt-12             {font-size:11pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

.btn-cal            {width:140px}
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:460px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:460px;}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/* 460px */
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;}
.box-image          {display:block;width:460px;box-sizing:border-box;}
.img-room           {width:452px;}*/

.lbl-room-title     {font-size:8pt;}
.txt-room-title     {font-size:10pt;}
/*.lbl-title-room     {display:none;}*/
.txt-room-detail    {font-size:8pt}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:160px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:170px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-add       {width:58px;font-size:8pt;} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#btnOk              {margin-top:20px}
.col-l-conf         {display:inline-block;width:100%;}
.col-r-conf         {display:inline-block;width:100%;padding-top:10px;padding-left:0px;}
.col-see-conf       {text-align:center;padding-right:0px}
.col-accept-conf    {text-align:center;padding-left:0px;padding-top:25px}

/* Promotions */
.promotion-movil-1{max-width:200px;}
.promotion-movil-2{max-width:200px;}
.promotion-movil-img{max-width:190px;}

/* WebPay */
.wp-frame           {margin-left:27px}

/* Movil */
.w-select           {width:130px}
.table-rate         {font-size:8pt;}
}

@media screen and (max-width: 416px){
/*.header             {width: 415px;}
.header-width       {width: 390px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 415px;}
.main-width         {width: 415px;margin:0px;}*/
.txt-12             {font-size:11pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

.btn-cal            {width:140px}
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:414px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:414px;}*/

.col-100-room       {display:block;padding-right:0px}
.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}

#main-title         {display:none;}
/*414px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;width:414px}
.box-image          {display:block;width:414px;box-sizing:border-box;}
.img-room           {width:390px;}*/


/*.lbl-room-title     {font-size:12pt;}*/
/*.txt-room-title     {font-size:10pt;}*/
/*.lbl-title-room     {display:none;}*/
/*.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
/*.lbl-room-promo     {width:200px;padding:4px 0px;font-size:12pt;margin-bottom:8px;margin-left:0px}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:160px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:170px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-add       {width:58px;font-size:8pt;} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#btnOk              {margin-top:20px}
.h-black-conf       {height:auto;}

/* Promotions */
.promotion-movil-1{max-width:180px;}
.promotion-movil-2{max-width:180px;}
.promotion-movil-img{max-width:170px;}

/* WebPay */
.wp-frame           {width:340px;height:460px;margin-left:16px}

/* Movil */
.img-room-left      {left:6px}
.img-room-right     {right:6px}
.table-rate         {max-width:95%;}
.col-icon           {width:90px}

/* 14-04-24: .w-price{width:70px} */

.w-select           {width:115px}
.lbl-price          {font-size:11pt}
.lbl-big-final      {font-size:16pt}
.final-col          {width:210px}
.final-btn          {width:210px}
.final-mail         {width:210px}
.final-btn-submit   {font-size:14pt;}
.logos              {transform: scale(0.7);}

}

@media screen and (max-width: 412px){
/*.header             {width: 412px;}
.header-width       {width: 390px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 412px;}
.main-width         {width: 412px;margin:0px;}*/
.txt-12             {font-size:11pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

.btn-cal            {width:140px}
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:412px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:412px;}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*412px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;width:412px}
.box-image          {display:block;width:412px;box-sizing:border-box;}
.img-room           {width:390px;}*/


/*.lbl-room-title     {font-size:12pt;}*/
.txt-room-title     {font-size:10pt;}
/*.lbl-title-room     {display:none;}*/
/*.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}*/
/*.lbl-price          {font-size:14pt;text-align:center}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:160px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:170px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-add       {width:58px;font-size:8pt;} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#btnOk              {margin-top:20px}

/* Promotions */
.promotion-movil-1{max-width:180px;}
.promotion-movil-2{max-width:180px;}
.promotion-movil-img{max-width:170px;}

/* WebPay */
.wp-frame           {width:340px;height:460px;margin-left:14px}

}

@media screen and (max-width: 384px){
/*.header             {width: 384px;}
.header-width       {width: 360px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 384px;}
.main-width         {width: 384px;margin:0px;}*/
.txt-12             {font-size:11pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

.btn-cal            {width:120px}
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:384px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:384px;}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*384px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;width:384px;}
.box-image          {display:block;width:384px;box-sizing:border-box;}
.img-room           {width:360px;}*/


/*.lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}
.lbl-title-room     {display:none;}
.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:160px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:170px;padding-top:10px;padding-left:6px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:6px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-add       {width:58px;font-size:8pt;} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
.btn-confirm        {width:170px}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#btnOk              {margin-top:20px}

/* Social */
/*.bar-top-right      {float:none;display:table;margin:auto}*/
.table-col-month    {padding-right:0px}
.txt-tel-head-foot  {font-size:18pt;}

/* Promotions */
.promotion-movil-1{max-width:160px;}
.promotion-movil-2{max-width:160px;}
.promotion-movil-img{max-width:150px;}

/* WebPay */
.wp-frame           {width:320px;height:438px;margin-left:14px}

#lblNumHab          {display:none;}
#lblNumHabShort     {display:initial;}

.lbl-big-final      {font-size:14pt}
.final-col          {width:210px}
.final-btn          {width:200px}
.final-mail         {width:200px;padding:8px 0px}
}

@media screen and (max-width: 375px){
/*.header             {width: 375px;}
.header-width       {width: 340px;}*/
/*.header-cols        {display:table-row;}*/
/*.footer             {width: 375px;}
.main-width         {width: 375px;margin:0px;}*/
.txt-12             {font-size:10pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

/*.btn-cal            {width:140px}*/
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:375px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:375px;background-color:white}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*375px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold}
.box-room           {display:block;padding-left:0px;}
/*.box-image          {display:block;width:375px;box-sizing:border-box;}
.img-room           {width:340px;}*/

/*.lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}
.lbl-title-room     {display:none;}
.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}
.lbl-price          {font-size:14pt;text-align:center}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* spanToolTip */
.cssToolTip span    {left:50%;margin-left:-180px;}

/* Data */
.left-col-m         {width:100px;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:100px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:110px;padding-top:10px;padding-left:3px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:0px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-title     {display:none;}
.col-date-add       {display:table-row-group;padding-left:8px;width:100%;color:gray;font-size:9pt;font-weight:bold;text-transform:uppercase;text-align:left} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.col-special        {display:block;height:auto;}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
.txt-pass-conf      {width:60px}
#txtAccept          {font-size:11pt}
#btnOk              {margin-top:20px}
.h-black-conf       {height:60px;}

/* Social */
.txt-tel-head-foot  {font-size:16pt;}

/* Promotions */
.promotion-movil-1{max-width:150px;}
.promotion-movil-2{max-width:150px;}
.promotion-movil-img{max-width:140px;}

/* WebPay */
.wp-frame           {width:320px;height:438px;margin-left:9px}

.w-select           {width:105px}
}

@media screen and (max-width: 366px) {

/*.header             {width: 365px;}
.header-width       {width: 340px;}
.header-cols        {display:table-row;}
.footer             {width: 365px;}
.main-width         {width: 365px;margin:0px;}*/
.txt-12             {font-size:10pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

/*.btn-cal            {width:120px}*/
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:365px; border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:365px;background-color:white}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*365px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold}
/*.box-room           {display:block;padding-left:0px;}
.box-image          {display:block;width:365px;box-sizing:border-box;}
.img-room           {width:355px;}*/

/*.lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}*/
/*.lbl-title-room     {display:none;}*/
/*.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}
.lbl-price          {font-size:14pt;text-align:center}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* spanToolTip */
.cssToolTip span    {left:50%;margin-left:-180px;}

/* Data */
.left-col-m         {width:100px;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:100px}
.img-add-big        {width:160px}
.col-l-add          {display:table-cell;border:none;width:110px;padding-top:10px;padding-left:3px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:0px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-title     {display:none;}
/*.col-date-add       {width:58px;font-size:8pt;}*/ 
.col-date-add       {display:table-row-group;padding-left:8px;width:100%;color:gray;font-size:9pt;font-weight:bold;text-transform:uppercase;text-align:left} 
.col-night-add      {width:58px;font-size:8pt;}  
.col-room-add       {width:82px;text-align:center;font-size:8pt;}
.col-imp-add        {width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:138px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:42px;}
.list6to12          {width:42px;}
.list13to17         {width:42px;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.col-special        {display:block;height:auto;}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
.txt-pass-conf      {width:60px}
#txtAccept          {font-size:11pt}
#btnOk              {margin-top:20px}
.h-black-conf       {height:60px;}

/* Promotions */
.promotion-movil-1{max-width:145px;}
.promotion-movil-2{max-width:145px;}
.promotion-movil-img{max-width:135px;}

/* WebPay */
.wp-frame           {width:310px;height:450px;margin-left:9px}
.table-rate         {max-width:98%;}
.col-final-l        {padding-right:5px}
.col-final-r        {padding-left:5px}
}

@media screen and (max-width: 360px) {

./*header             {width: 360px;}
.header-width       {width: 340px;}
.header-cols        {display:table-row;}
.footer             {width: 360px;}
.main-width         {width: 360px;margin:0px;}*/
.txt-12             {font-size:10pt;}
.txt-16             {font-size:14pt;}
.txt-14             {font-size:13pt;}

/*.btn-cal            {width:140px}*/
.btn-book           {width:70%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:70%;font-size:12pt;display:table;margin:auto;}

/*.main-col-left      {display:block;width:360px;border-right:none;}
.main-col-right     {display:block;width:360px;}*/

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*360px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;width:360px;padding-left:0px;box-sizing:border-box;}
.box-image          {display:block;width:360px;box-sizing:border-box;}
.img-room           {width:340px;}*/

/*.lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}*/
/*.lbl-title-room     {display:none;}*/
/*.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial;}*/
/*.lbl-price          {font-size:14pt;text-align:center;}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* spanToolTip */
.cssToolTip span    {left:50%;margin-left:-110px;}

/* Data */
.left-col-m         {width:100px;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:100px}
.img-add-big        {width:100px}
.col-l-add          {display:table-cell;border:none;width:110px;padding-top:10px;padding-left:3px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:0px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-title     {display:none;}
.col-date-add       {display:table-row-group;padding-left:8px;width:100%;color:gray;font-size:9pt;font-weight:bold;text-transform:uppercase;text-align:left} 
.col-night-add      {padding:3px 0px;width:58px;font-size:8pt;}  
.col-room-add       {padding:3px 0px;width:68px;text-align:center;font-size:8pt;}
.col-imp-add        {padding:3px 0px;width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:126px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:34px;}
.list6to12          {width:34px;}
.list13to17         {width:34px;}
.col-date-title     {display:none;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px;}
.col-special        {display:block;height:auto;}
.table-data         {padding-left:1px;padding-right:6px}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
.txt-pass-conf      {width:60px}
.txt-conf           {font-size:10pt;}
#txtAccept          {font-size:11pt;}
#btnOk              {margin-top:20px}
.h-black-conf       {height:60px;min-height:60px;max-height:60px;}

/* Promotions */
.promotion-movil-1{max-width:140px;}
.promotion-movil-2{max-width:140px;}
.promotion-movil-img{max-width:130px;}

.lbl-big-final      {font-size:13pt;}
.final-col          {width:200px;}
.final-btn          {width:194px;padding:10px 0px}
.final-btn-submit   {font-size:13pt;}
.final-mail         {width:194px;padding:6px 0px}

}

@media screen and (max-width: 320px) {
/*.header             {width: 320px;}
.header-width       {width: 300px;}
.header-cols        {display:table-row;}
.footer             {width: 320px;}
.main-width         {width: 320px;margin:0px;}*/

/*.btn-cal            {width:110px}*/
.btn-book           {width:80%;font-size:12pt;display:table;margin:auto;}
.btn-book-no        {width:80%;font-size:12pt;display:table;margin:auto;}
#col-night          {padding:0px 2px}

.child3             {display: table-column-group}
.child5             {display: table-column-group}
.child7             {display: table-column-group}

/*.main-col-left      {display:block;width:320px;border-right:none;padding-left:0px;}
.main-col-right     {display:block;width:320px;}*/
.col-special        {display:block;height:auto;}

.col-40-room        {display:block;width:auto}
.col-20-room        {display:block;text-align:left;width:auto}
.col-last-room      {display:block;width:auto;text-align:left;padding-left:3px}


#main-title         {display:none;}
/*320px*/
.main-title-m       {width:100%;text-align:center;cursor:pointer;text-decoration:underline;display:block;height:auto;padding-top:3px;padding-bottom:3px;font-size:11pt;font-weight:bold;}
/*.box-room           {display:block;width:320px;padding-left:0px;box-sizing:border-box;}
.box-image          {display:block;width:320px;box-sizing:border-box;}
.img-room           {width:304px;}*/

./*lbl-room-title     {font-size:12pt;}
.txt-room-title     {font-size:10pt;}
.lbl-title-room     {display:none;}
.txt-room-detail    {padding-top:4px;font-weight:normal;width:99%;margin:initial}
.lbl-price          {font-size:14pt;text-align:center}*/
.lbl-bruto          {display:block;width:99%;text-align:center;} 
.rate-width-col1    {width:30px}
.rate-width-col2    {width:20px}
.rate-width-col3    {width:30px}
.rate-date-col      {width:120px}
.rate-bruto-col     {width:80px;font-size:9pt;}
.rate-sub-col       {width:100px;}
.lbl-rate-detail    {font-size:9pt;font-weight:normal} 

/* .lbl-price-up-button{display:none} 
.lbl-price-last     {color:black;display:block;text-align:center;} */
/*.lbl-price-no       {margin:auto;text-align:center;}*/
.gradient           {background:transparent;background:transparent;background:transparent;background:transparent;}

/* spanToolTip */
.cssToolTip span    {left:50%;margin-left:-110px;}

/* Data */
.left-col-m         {width:100px;}

/* Additional */
.txt-title-add      {font-size:10pt;}
.txt-detail-add     {font-size:9pt;}
.divBodyAdd         {max-height:400px;}
.div-add            {max-width:90%}
.img-add            {width:100px}
.img-add-big        {width:100px}
.col-l-add          {display:table-cell;border:none;width:110px;padding-top:10px;padding-left:3px;vertical-align:bottom}
.col-r-add          {display:table-cell;border:none;width:auto;padding-top:10px;padding-left:0px;vertical-align:bottom;}
.col-50-add         {display:table;width:100%;vertical-align:bottom;}
.btn-add            {width:100%;}
.title-add          {height:38px}
.col-person-add     {width:33%;text-align:center;font-size:8pt;}
.col-date-title     {display:none;}
.col-date-add       {display:table-row-group;padding-left:8px;width:100%;color:gray;font-size:9pt;font-weight:bold;text-transform:uppercase;text-align:left} 
.col-night-add      {padding:3px 0px;width:58px;font-size:8pt;}  
.col-room-add       {padding:3px 0px;width:68px;text-align:center;font-size:8pt;}
.col-imp-add        {padding:3px 0px;width:auto;text-align:right;font-size:8pt;}     
.table-person-add   {width:126px;} 
.list-add           {font-size:8pt;}
.listNight          {width:54px;}
.listRoom           {width:50px;}
.listAdult          {width:34px;}
.list6to12          {width:34px;}
.list13to17         {width:34px;}
.col-date-title     {display:none;}

/* Confirmation */
#divBtnBack         {display:none}
#divBackMov         {display:block;width:90%;margin:auto}
#divAdd             {width:90%;margin:auto;margin-top:20px}
.col-left-conf      {display:block;width:90%;margin:auto}
.col-right-conf     {display:block;width:90%;margin:auto;padding-left:0px;padding-top:20px}
.col-special        {display:block;height:auto;}
.table-col-conf     {display:block}
#titleReservation   {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
#titleData          {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14pt;}
.txt-pass-conf      {width:60px}
.txt-conf           {font-size:10pt;}
#txtAccept          {font-size:11pt}
.h-black-conf       {height:60px;min-height:60px;max-height:60px;font-size:13pt;}
#btnOk              {margin-top:20px}

/* Social */
.bar-top            {font-size:10pt}
.txt-tel-head-foot  {font-size:14pt;}

/* Promotions */
.promotion-movil-1{max-width:135px;}
.promotion-movil-2{max-width:135px;}
.promotion-movil-img{max-width:125px;}

/* WebPay */
.wp-frame           {width:256px;height:450px;margin-left:15px}

.txt-9              {font-size:8pt}
.btn-cal            {width:116px}
.table-rate         {max-width:99%}
.w-select           {width:86px;}
.lbl-price          {font-size:10pt;}
.final-col          {width:172px;}
.final-btn          {width:170px;}
.final-btn-submit   {font-size:12pt}
.final-col          {width:172px;}
.final-mail         {width:170px;}
.mail-final         {width:96%;font-size:9pt;}
.col-icon           {width:82px}
#lblNumHab          {display:none;}
#lblNumHabShort     {display:none;}
#lblNumHabSmall     {display:initial;}
}

.lbl-rate {font-size:10pt}
