@charset "utf-8";
/* CSS Document */
* { font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; }
button { margin: 0; padding: 0; }

/* INDEX */
.index_main { margin:auto; width:800px; height:auto; background-color:#FFFFD5; }
.index_all { float:left; width:800px; height:auto; background-image:url(../imgs/index_bg01.jpg); background-repeat:repeat-x; border: 1px solid black; }
.index_top { width:770px; height:16px; color:#BBA081; font-size:12px; padding:5px 15px; }
.index_top a { color:#BBA081; text-decoration:none; text-align:center; }
.index_top a:hover { color:#FFF; text-decoration:underline; text-align:center; }
.index_top_left { float:left; }
.index_top_right { float:right; }
.index_logo { float:left; padding-top:10px; width:400px; height:50px; text-align:center; position:relative; left:192px; }
.index_flash { margin:auto; width:732px; padding:0; }
.index_menu { width:732px; height:42px; background-image:url(../imgs/index_bg_menu.jpg); margin:auto; text-align:center; padding-top:14px; }
.index_info { margin:auto; width:770px; height:auto; padding:8px 0; }
.index_line { width:760px; height:1px; float:left; border-top:1px solid #A18466; margin:0; padding:0; }
.index_info_square_new { width:765px; height:50px; float:left; margin:0; }
.index_info_square_new .logos_home { float:left; padding-left:140px; }
.index_info_square1 { width:765px; height:120px; float:left; margin:0; padding-top:25px; }
.index_info_square1 .square_txt { float:left; padding-left:40px; width:450px; height:120px; font-size:11px; color:#000; }
.index_info_square1 .square_txt2 { float:left; padding:0 40px; width:90%; height:100px; font-size:11px; color:#000; }
.index_info_square1 .logos_home { float:left; padding-left:150px; width:500px; height:60px; }
.index_info_square1 .travel_leisure { float:right; width:220px; height:120px; text-align:center; }
.index_info_square1 .travel_leisure ul a { font-size:11px; text-decoration:none; color:#000; margin:0; padding:0; }
.index_info_square1 .travel_leisure ul a:hover { text-decoration:underline; color:#996600; }
.index_info_square1 .square_txt { float:left; padding-left:40px; width:450px; height:120px; font-size:11px; color:#000; }
.index_info_square1 .square_txt img { float:left; padding:0 4x 0 4px; position:relative; }
.index_info_square2 { width:765px; height:90px; float:left; margin:0; padding:15px 0; }
.index_info_square2 .sdh_logo { float:left; position:relative; padding-top:25px; left:20px; }
.index_info_square2 .weather { float:left; width:160px; height:105px; text-align:center; left:30px; position:relative; }
.index_info_square2 .cst { position:relative; float:left; width:75px; height:80px; text-align:center; left:28px; padding-top:20px; }
.index_info_square2 .cha { position:relative; float:left; width:130px; height:80px; text-align:center; left:28px; padding-top:20px; }
.index_info_square2 .conde_nast { float:right; width:220px; height:80px; text-align:center; }
.index_info_square2 .conde_nast a { font-size:11px; text-decoration:none; color:#000; }
.index_info_square2 .conde_nast a:hover { text-decoration:underline; color:#996600; }
.index_botton { width:800px; height:74px; background-image:url(../imgs/index_bg03.jpg); background-repeat:repeat-x; float:left; }
.index_botton_center { float:left; position:relative; width:540px; left:70px; }
.index_botton_menu { float:left; width:500px; height:20px; margin:3px 0 0 20px; }
.index_botton_menu a { font-size:9px; font-weight:bold; text-decoration:none; color:#000; margin:0 5px; }
.index_botton_menu a:hover { color:#FFF; color:#BBA081; }
.index_botton_info { float:left; width:500px; font-size:11px; text-align:center; margin:10px 0 0 20px; }
.index_botton_info_hotel { width:45%; float:left; }
.index_botton_info_contac { width:55%; float:right; }
.index_botton_sdh { float:left; width:180px; height:71px; margin:5px 0 0 30px; }
.colocho01 { float:left; position:relative; padding-top:28px; }
.colocho02 { float:right; position:relative; padding-top:28px; }

/* MENU */
#main_menu { width: 732px; height: 20px; float:left; position:relative; left:28px; }
#main_menu a { font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; /*border-right: 1px solid #246129;*/ padding: 4px 14px;  float:left; text-transform: uppercase; }
#main_menu a:hover { color:#DB9C2C; }
a.menu_activo { color:#DB9C2C!important; }
#hotel { background-image:url(../imgs/menu_bg_dhtml.jpg); position:relative; float:left; left:42px; width: 325px; height:25px; top:13px; }
#restaurant { background-image:url(../imgs/menu_bg_dhtml.jpg); position:relative; left:125px; float:left; width: 137px; height:25px; top:13px; }
#activities { background-image:url(../imgs/menu_bg_dhtml.jpg); position:relative; left:180px; float:left; width: 545px; height:25px; top:13px; }
#sustainability { background-image:url(../imgs/menu_bg_dhtml.jpg); position:relative; left:10px; float:left; width: 750px; height:25px; top:13px; }
.tabs_info a { float:left; color:#FFF; font-size:10px; font-weight: bold; padding: 5px 15px; text-decoration: none; }
.tabs_info a:hover { color:#DB9C2C; }

/* INTERNAS */
.int_top_info { position:relative; float:left; width:770px; height:187px; left:15px;  }
.int_sdh_logo { position:relative; float:left; padding-top:10px; }
.int_logo { position:relative; float:left; left:218px; width:207px; height:40px; top:10px; z-index:10; }
.int_flash { position:absolute; left:140px; width:474px; padding-top:44px; }
.int_icons_sdh { float:right; width:120px; height:54px; padding-top:12px; cursor:pointer; }
.int_menu { position:relative; width:732px; height:61px; float:left; left:30px; top:8px; }
.int_menu_bg { position:absolute; width:732px; height:61px; margin:auto; text-align:center; }
.int_menu_info { position:relative; width:732px; height:35px; text-align:center; padding-top:14px; }
.int_info { margin:auto; width:770px; height:auto; padding:8px 0; }
.int_title { padding-left:20px; padding-top:5px; float:left; }
.int_sdh { float:right; padding-bottom:5px; }
.int_suites_text { float:left; width:475px; height:225px; padding:10px 25px; font-size:11px; }
.int_suites_photo { float:left; width:200px; height:225px; padding:10px 5px; }
.int_suites_photo img { border:1px solid black; margin:2px; }
.int_suites_prices { float:left; position:relative; left:28px; width:700px; height:80px; /*border:1px solid #a18466;*/ }
.int_suites_line { width:760px; height:1px; float:left; border-top:1px solid #A18466; margin-top:15px; }
.int_suites_add_txt { width:770px; float:left; padding:25px 0; font-size:12px; color:#000; }
.int_estruct_text01 { float:right; width:530px; height:240px; padding:10px 5px; font-size:11px; }
.int_estruct_photo { float:left; width:200px; height:240px; padding:10px 10px; }
.int_estruct_photo img { border:1px solid black; margin:2px 0; }
.txt { font-size:12px; color:#000; }
.txt_center_white { font-size:12px; color:#FFF; text-align:center; }
a.txt_reserve  { font-size:13px; font-weight:bold; color:#FFF; text-decoration:none; }
a:hover.txt_reserve { color:#000; text-decoration:underline; }
.txt_reserve_tls { font-size:12px; color:#FFF; text-align:center; background-color:#C5AC84; font-weight:bold; }
.txt_reserve_tls2 { font-size:12px; color:#666; text-align:center; }
.txt_reserve_tls3 { font-size:12px; color:#666; text-align:center; background-color:#fdf5e6; }
.txt_reserve_tbl { color:#666; font-size:12px; text-align:center; }
.bt_reserve { background-color:#E0D3B5; font-size:11px; color:#666; border:solid #666 1px; }
a.suites_reserve_bt { position:relative; width:150px; height:16px; background-color:#E0D3B5; font-size:12px; color:#666; text-decoration:none; border:solid #999 1px; padding: 5px 10px; text-align:center; }
a.suites_reserve_bt:hover { background-color:#666; color:#FFF; }
.int_info_sidebyside { float:left; width:710px; padding:10px 25px; font-size:11px; }
.int_info_sidebyside a { color:#000; font-weight:bold; }
.int_info_sidebyside img.tour_img { margin:10px; border:1px solid #666; }
.int_menus_options { float:left; width:400px; padding:10px 25px; font-size:11px; }
.int_menus_photo { float:left; width:275px; padding:10px 10px; }
.int_menus_photo img { border:1px solid black; }
.comodin_espacio { float:left; width:710px; height:35px; }
.comodin_espacio2 { float:left; width:710px; height:16px; }
.comodin_espacio3 { float:left; width:500px; height:30px; }
.int_reserv_box { border-bottom:1px solid #333; border-top:2px solid #666; border-left:1px solid #333; border-right:1px solid #333; font-size:11px; color:black; }
.tbl_rooms_prices { float:right; vertical-align:bottom; }
.photogallery_tbl { border:solid black 1px; padding:5px; }
.photogallery_tbl table { padding:5px; text-align:center; }
.photogallery_tbl img { border:solid 1px #000; }
.int_subtitle { font-size:13px; color:#BBA081; font-weight:bold; }
.int_activities_photo { float:left; width:120px; height:110px; padding:10px; text-align:center; }
.int_activities_txt { float:left; width:520px; height:110px; padding:10px 20px; }

#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(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/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; }