/*  CSS RESET   */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote, hr { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; }
form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; }
a { text-decoration: none; }
address { font-style: normal; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */




/*  GENERAL */
html { background: #454445 url(/imagenes/estructura/fondo_general_horizontal.jpg) repeat-x top; }
body { min-width: 100%; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #FFF; }

html, body, #fullheightcontainer { height: 100%; }


/*
HACK IE7
efecto lleno
*/
#centerfill { display: none; }



/*  ESTRUCTURA  */
#contenedor { 
position: relative; 
display: table; 
margin-bottom: -100px; 
margin-left: auto; 
margin-right: auto; 
text-align: center; 
width: 100%;
background: url(/imagenes/estructura/fondo_vertical.jpg) repeat-y center;
}

#wrapper { 
height: 100%; 
position:relative;
}


#contenedor-central { 
padding: 0px; 
}

#clearheadercenter { 
height: 284px; 
overflow: hidden; 
}
#clearfootercenter { 
height: 175px; 
overflow: hidden; 
}



/*  MENU    */
div#menu { 
float: left; 
width: 220px; 
padding-bottom: 50px; 
}

div#menu ul { 
list-style: none; 
}

div#menu ul, 
div#menu ul li { 
float: left; 
}

div#menu ul li#top_sm_spacer { 
background: url(/imagenes/estructura/fondo_li_vertical.jpg) repeat-y; 
height: 12px; 
width: 194px; 
}

div#menu ul li.l1_li, 
div#menu ul li ul li.l2_li { 
background: url(/imagenes/estructura/fondo_li_vertical.jpg) repeat-y; 
}

div#menu ul li.l1_li { 
width: 194px; 
}

div#menu ul li ul li.l2_li { 
width: 194px; 
}

div#menu ul li span.active_btn, 
div#menu ul li a.main_btn,
div#menu ul li ul li span.active_subbtn, 
div#menu ul li ul li a.main_subbtn { 
display: block; 
color: #FFFFFF; 
background: url(/imagenes/estructura/fondo_li_vertical_linea.jpg) no-repeat bottom; 
outline: none; 
}

div#menu ul li ul li span.active_subbtn, 
div#menu ul li ul li a.main_subbtn { 
color: #BBB; 
}

div#menu ul li.last_li span.active_btn, 
div#menu ul li.last_li a.main_btn,
div#menu ul li.last_li ul li span.active_subbtn, 
div#menu ul li.last_li ul li a.main_subbtn { 
background: none; 
}

div#menu ul li span.active_btn, 
div#menu ul li a.main_btn span { 
display: block; 
padding: 13px 10px 13px 30px; 
text-transform: uppercase; 
}
div#menu ul li span.active_btn { 
color: #8c8b81; 
}
div#menu ul li a.main_btn {}

div#menu ul li a.main_btn:hover span,
div#menu ul li ul li a.main_subbtn:hover span { 
background: url(../images/main_btn_hover_bg.gif) no-repeat left 14px; 
color: #8c8b81; 
}

div#menu ul li ul li span.active_subbtn, 
div#menu ul li ul li a.main_subbtn span { 
display: block; 
padding: 13px 10px 13px 50px; 
}

div#menu ul li ul li span.active_subbtn { 
color: #8c8b81; 
}

div#menu ul li ul li a.main_subbtn {}

div#menu ul li ul li a.main_subbtn:hover span { 
background: url(../images/main_btn_hover_bg.gif) no-repeat left 14px; 
color: #8c8b81; 
}


/*  NAVEGADOR   */
div#navegador { 
padding: 25px 0px 25px 0px; 
color: #abac9d; 
text-transform: uppercase; 
}

div#navegador a.bc_link, 
div#navegador a.active_bc_link { 
padding: 0px 5px; 
}

div#navegador a.bc_link { 
color: #7e7d75; 
}

div#navegador a.bc_link:hover { 
text-decoration: underline; 
}

div#navegador a.active_bc_link { 
color: #7e7d75; 
}

div#navegador a:hover {
text-decoration: underline;
}



/*  CUERPO  */
div#main_center_holder { 
width: 730px; 
margin: 0px auto; 
text-align: left; 
}

div#contenido_principal { 
float: left; 
width: 460px; 
margin: 0px 10px 0px 10px; 
padding: 0px; 
}


/*  CONTENIDO CENTRAL   */
div#contenido_central { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 30px; }
div#contenido_central p { color: #b1b0b1; line-height: 18px; padding: 0px 0px 25px 0px; }
div#contenido_central p a { color: #b1b0b1; text-decoration: underline; }
div#contenido_central p a:hover { color: #fff; }

div#contenido_central ul { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 14px; }
div#contenido_central ul li { color: #b1b0b1; line-height: 18px; margin-bottom: 10px; }

div#contenido_central ol { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 14px; }
div#contenido_central ol li { color: #b1b0b1; line-height: 18px; margin-bottom: 10px; }

div#contenido_central h2.lelie { background: url(../images/h2_lelie_img.gif) no-repeat left 5px; color: #9a9c8e; font-size: 17px; }
div#contenido_central h2.lelie { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 20px; }


div#contenido_central div.img_col_left  { 
float: left;
width: 180px; 
}

div#contenido_central div.img_col_left img { 
float: left; 
border: 1px solid #615f5b; 
padding: 5px; 
margin-bottom: 20px; 
position: relative; 
top: 7px; 
background: #4e4d4e;
width: 140px;
height: 104px;
}

div#contenido_central div.txt_col_right { 
float: left; 
width: 280px; 
color: #b1b0b1; 
}

div#contenido_central div.txt_col_right table {
width: 100%;
}

div#contenido_central div.txt_col_right table th,
div#contenido_central div.txt_col_right table td {
background: url(/imagenes/estructura/fondo_li_vertical_linea.jpg) no-repeat bottom; 
}

div#contenido_central div.txt_col_right table td {
padding-bottom: 15px;
}

div#contenido_central div.txt_col_right .habitacion {
width: 110px;
vertical-align: top;
font-weight: bold;
}

div#contenido_central div.txt_col_right .precio {
width: 165px;
}

div#contenido_central div.txt_col_right ul { 
list-style-position: inside; 
list-style-type: circle; 
line-height: 25px; 
}

div#contenido_central div.txt_col_right ul li { 
text-transform: uppercase; 
}

div#contenido_central div.txt_col_right ul li span { 
color: #615f5b; 
text-transform: none; 
}

div#contenido_central div.txt_col_general {
width: 480px;
}

div#contenido_central div.txt_col_general img {
float: left; 
border: 1px solid #615f5b; 
padding: 5px; 
margin-bottom: 20px; 
margin-right: 5px;
position: relative; 
top: 7px; 
background: #4e4d4e;
width: 140px;
height: 104px;
}


/*  CABECERA    */
#header { 
z-index: 10; 
position: absolute; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 0px; 
}

div#cabecera_imagen_principal { 
width: 500px; 
height: 200px; 
position: absolute; 
right: 0px; 
bottom: 0px; 
}

#header-inner { 
height: 0px; 
width: 100%; 
margin-left: auto; 
margin-right: auto;
}

#subheader1 { 
margin: 0px; 
text-align: center; 
height: 284px; 
overflow: hidden; 
background: url(/imagenes/estructura/fondo_general.jpg) repeat-x top; 
}

div#head_bg_holder { 
width: 100%; 
height: 284px; 
background: url(/imagenes/estructura/cabecera_centro.jpg) no-repeat center top; 
}

div#head_center_holder { 
width: 730px; 
height: 284px; 
margin: 0px auto; 
text-align: left; 
position: relative; 
}

div#toh_logo_wrap { 
position: absolute; 
left: 17px; 
top: 43px; 
width: 200px; 
height: 200px; 
background: url(/imagenes/estructura/logotipo.jpg) no-repeat; 
}

div#toh_logo_wrap h1, 
div#toh_logo_wrap h2 { 
text-indent: -9999px; 
}

div#lang_nav_wrap { 
width: 120px; 
height: 22px; 
position: absolute; 
right: 17px; 
top: 53px; 
}

div#lang_nav_wrap ul { 
list-style: none; 
}

div#lang_nav_wrap ul li { 
width: 20px; 
height: 22px; 
float: right; 
margin-right: 10px; 
}

div#lang_nav_wrap ul li a, 
div#lang_nav_wrap ul li span { 
display: block; 
width: 19px; 
height: 19px; 
text-align: center; 
padding: 3px 0px 0px 1px; 
}

div#lang_nav_wrap ul li a, 
div#lang_nav_wrap ul li span { 
font-size: 10px; color: #FFF; 
}
div#lang_nav_wrap ul li span.active_lang { 
background: url(/imagenes/estructura/li_idioma_activo.gif) no-repeat; 
}

div#lang_nav_wrap ul li a.lang_btn { 
background: url(/imagenes/estructura/li_idioma.gif) no-repeat; 
}



/*  PIE */
#footer {
z-index: 1; 
position: relative; 
width: 100%; 
height: 0px; 
}

#footer-inner { 
width: 100%; 
margin-left: auto; 
margin-right: auto; 
height: 0px; 
}

#subfooter1 { 
margin: 0px; 
text-align: center; 
height: 100px; 
overflow: hidden;
background: url(/imagenes/estructura/fondo_pie_horizontal.jpg) 
repeat-x top; 
}

div#foot_bg_holder { 
width: 100%; 
height: 100px; 
background: url(/imagenes/estructura/fondo_pie.jpg) no-repeat center top; 
}

div#foot_center_holder { 
width: 730px; 
height: 90px; 
margin: 0px auto; 
text-align: left; 
position: relative; 
}

div#foot_center_holder span { 
position: absolute; 
bottom: 5px; 
left: 150px;
font-size: 1.2em;
font-weight: bold;
}

div#foot_center_holder span a { 
color: #fff; 
}