/* CSS Document */

body {
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(../../images/fondo.gif);
height: 100%;
}

:focus {-moz-outline-style: none}
p, h1, h2, h3, h4, h5, h6, optgroup {margin: 0; padding:0}
html {height: 100%}
form {margin:0; padding:0}

input, textarea {
font-size:11px;
color: #4b4b4b;
padding-left: 5px;
font-weight:bold;
padding-top:4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {border:0}

#contenedor {
width: 960px;
margin:0 auto;
}

#contenedor_tabla {
width: 960px;
margin:0 auto;
background: url(../../images/fondo_contenedor.png) repeat-y;
_background: url(../../images/fondo_contenedor.gif) repeat-y; /* IE 6 */
z-index: 1;
}

#margen {
padding:0 15px 30px 15px;
}

#cabecera {
height: 90px;
padding-top: 7px;
}

#cabecera h1.ciudades {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
width: 540px;
margin:0;
position:absolute;
font-weight:normal;
text-align:right;
margin-left: 380px;
}

.idiomas {
width: 160px;
float:right;
font-size:11px;
position:absolute;
margin-left: 780px;
margin-top:26px;
}

.idiomas img {margin-left:10px;}
.idiomas a:hover { text-decoration: underline }

#cabecera .logo {
height: 62px;
margin-top: 0;
position:absolute;
width: 200px;
}

#left {
width: 180px;
float:left;
}

#right {
width: 740px;
float:right;
}

.limpiar {font-size:1px; clear:both;}

#separador_pie {
height: 15px;
background:url(../../images/separador_pie.png) no-repeat;
clear:both;
}

#pie {padding: 0 15px 0 15px }

#pie .firma {
width: 280px;
float:right;
font-size: 9px;
text-align:right;
padding-top: 9px;
line-height:12px;
margin-bottom:10px;
}

#pie .right {
width: 650px;
float:left;
padding-top: 9px;
}

#pie .hoteles {width: 100%; clear:both; padding-top:20px; padding-bottom:10px}

#pie .hoteles .hotel {
float:left;
width: 121px;
margin-right: 13px;
text-align:center;
font-size:9px;
}

#pie .hoteles img {
padding: 6px 0;
}

#pie .hoteles .hotel a.city {
color: #a04998;
font-weight:bold;
text-decoration:none;
}

#pie .hoteles .hotel a.nom {
color: #857f7e;
font-weight:bold;
text-decoration:underline;
}

#pie .right ul {
margin:0;
padding:0;
list-style:none;
}

#pie .hoteles ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}


#pie .right li, #pie .hoteles li {
margin:0 0 0 0;
float:left;
padding:0 12px 0 14px;
font-size:9px;
background:url(../../images/li_menu.gif) no-repeat;
}

#pie .right li a {
font-weight: normal;
color: #7c1272;
text-decoration:underline;
padding-left: 17px
}

#pie .hoteles li a {
font-weight: normal;
color: #857f7e;
text-decoration:underline;
padding-left: 0;
font-weight:bold;
}

.li_contacto { background:url(../../images/iconos_pie/ico_email.gif) no-repeat}
.li_map { background:url(../../images/iconos_pie/ico_sitemap.gif) no-repeat}
.li_local {background:url(../../images/iconos_pie/ico_reservas.gif) no-repeat}
.li_enlaces {background:url(../../images/iconos_pie/ico_enlaces.gif) no-repeat}
.li_trabajo {background:url(../../images/iconos_pie/ico_trabajo.gif) no-repeat}
.li_aviso {background:url(../../images/iconos_pie/ico_aviso.gif) no-repeat}


/*** Niveles grises ***/
.gris1 {color: #5e574d}
.gris2 {color: #857f7e}
.morado {color: #7d1473}
.morado a {color: #7d1473; text-decoration:none}
.morado a:hover {color: #7d1473; text-decoration:underline}
.rojo {color: #cd0614}
.rojo a {color:#cd0614; text-decoration:none}
.rojo a:hover {color: #cd0614; text-decoration:underline}
.mini {font-size:10px}
.max {font-size:13px}

.triangulo {font-family:Arial, Helvetica, sans-serif}

/*** Estilos popups ***/

#popup { padding: 0 10px;}

#popup ul {margin: 0; padding:0}
#popup li {margin:0 0 0 20px; padding:0; list-style: url(../../images/li_normal.gif) }

#popup a {color:black; text-decoration:underline}

#popup h2.busques {
height: 25px;
text-indent: -9999px;
margin:0; 
padding:0;
width: 240px;
float:left;
}

#popup .mejor_precio_garantizado {
width: 88px;
height: 25px;
float:right;
text-indent: -9999px; 
margin-right:15px;
}

#popup .contenido {
padding: 10px;
border: 1px solid #8a3589;
margin-right:10px;
}

#popup a.imprimir {background:url(../../images/ico_imprimir.gif) no-repeat top right; display:block; width: 147px; height:14px; text-decoration:none; text-align:right; color: #6a6c6e; padding-right: 20px; float:right; margin: 10px 15px 0 0}
#popup a.imprimir:hover {text-decoration:underline}

#popup .habitacion {
font-size:10px;
width: 600px;
color: #5a5e61 }

#popup .habitacion ul {margin:15px 0 0 0; padding:0}
#popup .habitacion li {margin: 0 0 0 15px; padding:0; list-style:url(../../images/li_normal.gif)}

#popup .habitacion img {
float:right;
border: 1px solid white;
padding:10px;
}

#popup .habitacion .titulo {
background: #f6f6f6;
padding: 3px 0 3px 10px;
margin-bottom:15px;
clear:both;
}

#popup .habitacion .descripcion {width: 310px; float:left; text-align:justify}

#popup .reserva {
background: url(../../images/fondo_caja_detalles.gif) #e5d0e3 bottom right no-repeat; 
padding:10px; 
color:black
}

/* Caja oscurecida (dialog) */
.dialogos_fondo {
	z-index: 1000;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #666666;
}

.caja_loader {
	width: 274px;
	height: 97px;
	background:url('../../images/caja_loader.png') no-repeat;
	_background:url('../../images/caja_loaderie6.gif') no-repeat; /* IE6 */
	position:fixed;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin-left: -107px;
	margin-top: -48px;
}

.caja_loader .imagen {padding: 12px 0 0 113px}
.caja_loader .texto {text-align:center; padding: 10px 10px 0 0; font-size:11px; color: #666464}

* html .dialogos_fondo { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html .caja_loader { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}