@charset "utf-8";
/* CSS Document */
body { background-color:#d6d6d6; font-family:"Tahoma"; font-size:11px; }
a{ font-family:"Tahoma"; font-size:11px; color:#ff0000 } 
a:active{ color:#ff0000 } 
a:visited{ color:#551a8b }
.gsc-search-box { display: none; }
.gsc-control{ width:100%; }
.gsc-results-selector, .gsc-all-results-active{display:none;}
#searchcontrol .gsc-control { width: 500px; color:#000000; }

.cmpspc { padding-top:1px; padding-bottom:1px; }

.menudates { background-color:#ffffff; 
border: 1px solid #155D85; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.ttlrates { background-color:#619EFA; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; font-weight:bold;
border: 1px solid #155D85; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.ttlrates2 { background-color:#ffba01; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; font-weight:bold;
border: 1px solid #F9C300; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.htlsep { padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;
 border: 1px solid #999; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; }

.bg { background-color:#ffffff; background-image:url(img/bg.jpg); background-repeat:no-repeat; background-position:center; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px;
border: 1px solid #95533B; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.svr { 
padding-top:4px;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
 border: 1px solid #DADADA;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px; }

img { behavior:	url("../pngbehavior.htc"); }

.desc { color:#1C52A4; font-family:"Tahoma"; font-size:11px; font-weight:bold; }
a.desc:link, a.desc:active, a.desc:visited{ text-decoration:none; color:#1C52A4; }
a.desc:hover { color:#000000; } 

.esp { font-family:"Tahoma"; font-size:11px; color:#000; }
.ing { font-family:"Tahoma"; font-size:11px; color:#0000FF; }

.txt { font-family:"Tahoma"; font-size:11px; color:#000; }

.cps { color:#666666; font-family:"Tahoma"; font-size:11px; }

.shdleft { background-image:url(img/shadowleft.png); }
.header { background-image:url(img/hd.png); background-position:bottom; background-repeat:repeat-x; background-color:#FFF; height: 130px; }
.shdright { background-image:url(img/shadowright.png); }
.status { background-image:url(img/sts.png); height: 100px; }

.sts { color:#666666; font-family:"Tahoma"; font-size:11px; }
a.sts:link, a.sts:active, a.sts:visited{ text-decoration:none; color:#666666; }
a.sts:hover { color:#000000; } 

.welcome { background-color:#ffffff; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px;
border: 1px solid #95533B; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.cont { background-color:#ffffff; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px;
border: 1px solid #95533B; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.sitios { color:#000; font-size:11px; }
a.sitios:link, a.sitios:active, a.sitios:visited{ text-decoration:none; color:#000; }
a.sitios:hover { color:#666666; } 

.info { color:#F00; }

.more { color:#000; }
a.more:link, a.more:active, a.more:visited{ text-decoration:none; color:#000; }
a.more:hover { color:#000; text-decoration:underline; } 

.nhotels { color:#F00; font-size:13px; font-weight:bold; }
a.nhotels:link, a.nhotels:active, a.nhotels:visited{ text-decoration:none; color:#F00; }
a.nhotels:hover { color:#1C52A4; } 

.search { background-color:#ffffff; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px;
border: 1px solid #CFCFCF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.isearch { font-family:"Tahoma"; font-size:11px; color:#000000;
border: 1px solid #FCAA24;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
height:16px;
}

.stsinf { background-color:#FFF; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; border: 4px solid #155D85; border-top-width: 4px;
 border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; }

.border { padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; border: 1px solid #DADADA; border-top-width: 1px; border-right-width: 1px;
 border-bottom-width: 1px; border-left-width: 1px; }

.ttl { color:#000;
background-color:#F9DB3D; vertical-align:middle; padding-top:6px; padding-bottom:6px; border: 4px solid #F90; border-top-width: 0px; border-right-width: 0px;
 border-bottom-width: 4px; border-left-width: 0px; }

.lts { background-color:#FFF; text-align:left; padding-top:4px; padding-left:6px; padding-bottom:4px; border: 1px solid #DADADA; border-top-width: 0px; border-right-width: 0px;
 border-bottom-width: 1px; border-left-width: 0px; }
 
.hotels { color:#000000; }
a.hotels:link, a.hotels:active, a.hotels:visited{ text-decoration:none; color:#000000; }
a.hotels:hover { color:#F00; }

.copyright { color:#666666; text-align:center;
padding-top:8px; padding-bottom:8px; border: 2px solid #e2e2e2; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; }

.srch { font-family:"Tahoma"; font-size:11px;
background-color:#ffffff; padding-top:3px; padding-left:3px; padding-right:3px; padding-bottom:3px;
border: 1px solid #1C52A4; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.txtsearch { font-size:12px; color:#1C52A4; font-weight:bold; }
.tl { font-size:13px; font-weight:bold; color:#1C52A4; }
.tl2 { font-size:13px; font-weight:bold; color:#F90; }

.airlines { background-color:#FFECE5; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px;
border: 1px solid #95533B; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.stssep { font-size:11px; border: 1px solid #BCBCBC ; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; }

.corp { height:70px; padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px; }

.tttl { color:#000; background-color:#F90; vertical-align:middle;
padding-top:6px; padding-bottom:6px; border: 4px solid #F9DB3D; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 4px; border-left-width: 0px; }

/* CSS Menu */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family:"Tahoma"; font-size:11px; font-weight:bold;
    height:13px;
}

div.menuBar {
  padding: 14px 0px;
  text-align:inherit;
}

div.menuBar a.menuButton {
  color: #000000;
  cursor: hand;
  margin: 1px;
  padding: 9px 16px;
  position: relative;
  text-decoration: none;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
border-bottom: 5px solid #0D507A;
color: #0D507A;
cursor: hand;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
cursor: hand;
  margin: 1px;
  padding: 9px 16px;
  position: relative;
  text-decoration: none;
  z-index: 100;
  border-bottom: 5px solid #0D507A;
color: #0D507A;
}

div.menu {
 text-align:center;
  border: 0px solid;
  padding: 0px 1px 1px 0px;
  position: absolute;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: hand;
  display: block;
  padding: 0px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #000000;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

/* CSS Hotels Information */

.hotelbdr { 
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
 border: 2px solid #155D85;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 4px;
 border-left-width: 0px; }
 
.category { font-family:"Tahoma"; font-size:14px; font-weight:bold; color:#F00; }
.meal { font-family:"Tahoma"; font-size:14px; font-weight:bold; color:#000000; }
.hotelname { font-family:"Tahoma"; font-size:14px; font-weight:bold; color:#ff0000; }
.hotelname2 { font-family:"Tahoma"; font-size:14px; font-weight:bold; color:#155D85; }
.hotelsts { background-image:url(img/line.png); height:63px; vertical-align:top; }

.txtbdr { 
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
 border: 2px solid #155D85;
 border-top-width: 4px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px; }
 
.promo { color:#F00; font-weight:bold; }

.hoteltl { font-family:"Tahoma"; color:#ffffff; font-size:11px;
background-color:#155E81; vertical-align:middle;
padding-top:6px; padding-bottom:6px;
 border: 4px solid #1E77B1;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 4px;
 border-left-width: 0px; }
 
.cmps { font-family:"Tahoma"; font-size:11px; color:#000;
padding-top:4px;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
border: 1px solid #155D85; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

/* CSS Hotel List */

.hoteles { padding-top:2px; padding-left:2px; padding-right:2px; padding-bottom:2px; border: 1px solid #0D507A; border-top-width: 1px; border-right-width: 1px;
 border-bottom-width: 1px; border-left-width: 4px; margin:0px; }

a.button { font-family:"Tahoma"; color:#000; font-size:11px;
display:block; color:#000000; text-align:left; font-weight:bold; height:30px; line-height:38px; text-decoration:none; width:135px; }
a:hover.button { color:#0066CC; }

.maps { background:url(img/map.png) no-repeat 5px 8px; text-indent:30px; display:block; }
.discounts { background:url(img/promotion.png) no-repeat 5px 8px; text-indent:30px; display:block; }
.moreinfo { background:url(img/info.png) no-repeat 5px 8px; text-indent:30px; display:block; }
.bdr { padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; border: 1px solid #0D507A; background-color:#FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

/* CSS TNT */
.tnt { font-family:"tahoma"; font-size:11px; color:#FFF;  text-shadow: 3px 3px 5px black; }
.skr { height:48px; }
body { margin: 0px 0px 0px 0px; }
.btn { color:#ffffff; font-family:"Tahoma"; font-size:11px; }
a.btn:link, a.btn:active, a.btn:visited{ text-decoration:none; color:#ffffff; }
a.btn:hover { color:#000; } 
#fixme { 
background-color:#114A68;
position:absolute; left:0px; top:0px; right:0px; left:0px; border-bottom: 4px solid #1A1A1A; height:40px; 
font-family:"Tahoma"; font-size:11px; color:#000; width:100%; text-align:center; vertical-align:middle; }
div > div#fixme { position: fixed; }
div#fixme {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.tsearch { font-family:"Tahoma"; font-size:11px; color:#000000;
border: 1px solid #0F6CA6;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
height:18px;
}

.results {
display: none; /* el elemento va a estar oculto */
position: absolute; top:100; left:200; /* se forzara a que se ubique en un lugar de la pantalla */
background-color: #ffffff; /* por defecto, el color de fondo como la pantalla */
padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; border: 1px solid #0D507A; background-color:#FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:330px; /* Altura */
Width:520px; /* Ancho */
}

/* CSS List */
.nid { background-color:#E5E5E5;
height:32px;
padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;
border: 1px solid #DADADA; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.nhotel { background-color:#E5E5E5; background-image:url(img/down.png); background-repeat:no-repeat; background-position:right;
height:32px;
padding-top:4px; padding-left:4px; padding-right:0px; padding-bottom:4px; cursor:pointer;
border: 1px solid #DADADA; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.ndestination { background-color:#F0F0F0;
padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px;
border: 1px solid #DADADA; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.nhlist { background-color:#ffffff; padding-top:1px; padding-left:1px; padding-right:1px; padding-bottom:1px;
border: 1px solid #95533B; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.cat { font-size:0px; color:#FFF; }

/* CSS Img */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.mexicohotels.com.mx/mages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.mexicohotels.com.mx/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }