@import url("reset.css");

body{ background:#f0f0f0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.6em;}

.no_borde{ border:0 !important;}

.clear_both{ clear:both;}

.no_padding{ padding:0 !important;}
.masmargen{ margin-top:1em;}

/* Todo */

#web{ width: 76.5em; margin:6em auto 0 auto;}

/* Cabecera */

#cabecera{ width:75.85em; background:url(../images/fondo-cabecera.gif) no-repeat left top #fff; float:left; padding:.35em 0 0 0.7em;float:left;}
#imagen-cabecera{ width:auto; float:left;}

#menu{ float:left; width:72.9em; padding:0.5em 1em; clear:both; background:#FFF;}
#menu ul li{ float:left; width:auto; font-size:1.1em; margin:0 .5em; background:#FFF}

#menu ul li a{ float:left; width:auto; padding:.5em; text-decoration:none; color:#000;}
#menu ul li a span{font-weight:bold;}
#menu ul li a:hover{ background:#B6B6B6;}


/* Central */

#central{ float:left; clear:both; width:76.3em; border:.1em solid #000; border-top:0; background:#FFF;}

#izquierda{ width: 48em; margin-left:1em; float:left;}

#menu-lenguajes{ float:left; width:47.8em; padding:.5em 0 .2em .2em; background:#CCC;}
#menu-lenguajes ul li{ float:left; width:auto; padding:0.3em 0.5em 0.2em 0.5em; border-right:.1em solid #313131; font-size:.9em;}
#menu-lenguajes ul li a{ color:#313131; text-decoration:none;}
#menu-lenguajes ul li.home a{ background:url(../images/home.gif) no-repeat 0 0; padding-left:1.7em;}

#flash{ float:left; margin-bottom:1.5em;}


#tarifas{ float:left; margin-bottom:1.5em; padding-top:2.7em;}
#tarifas p{ margin-bottom:1em;}
#tarifas p.oferta{ color:#0062B8; margin-bottom:0;}
#tarifas table{ width:43em; border:0; padding:0; margin:.5em 0 1em 0;}
#tarifas table caption{ margin-top:1em; text-align:left; background:#F0F0F0; padding:.3em .2em; color:#575757;}
#tarifas table th, #tarifas table td{ margin-bottom:3px; float:left; padding:0; border:0;}
#tarifas table th.th_primera{ padding:.3em .2em; color:#000; text-align:left; background:#EEEEEE; width:15.5em; margin-right:15px;}
#tarifas table th.th_segunda{ padding:.3em .2em; background: #666666; color:#FFF; width:12em; margin-right:5px;}
#tarifas table th.th_tercera{ padding:.3em .2em; background:#CCCCCC; color:#313131; width:12em;}
#tarifas table td{padding:.3em .2em; color:#000; text-align:right; background:#EEEEEE; width:12em;}
#tarifas table td.td_primera{ background: #EEEEEE; margin-right:5px;}

#derecha{ width:26.2em; border: .1em solid #999; border-top:0; border-left:0; float:left; margin-bottom:.4em;}

#miga{ float:left; width:26.1em; padding:0.8em 0 0.3em 0.2em; background:#353535; color:#D0D0D0;}

#texto{ float:left; width:26.5em; padding-right:.2em; font-size:.9em; color:#575757; padding-left:.5em;}
#texto p{ margin:1.5em 0;}
#texto p.primero{ margin-top:3em;}
#texto dl.primero{ margin-top:3em;}

#texto ul.elhotel{ margin-top:1.5em;}
#texto ul.elhotel li ul{ margin-left:1em;}

#texto dl.elrestaurante{float: left; width:26.5em; margin-bottom:8em;}
#texto dl.elrestaurante dt{ float:left; width:7em; font-weight:bold; clear:both;}
#texto dl.elrestaurante dd{ float:left; width:18em; margin-left:1.5em; margin-bottom:1em;}

#texto address{ margin-top:8em; color:#5F5F5F; clear:both;}
#texto address a{ color:#5F5F5F; font-size:1.5em;}

#texto .address_parking { margin-top:18em;}

#contenido_unico{ width:76.3em; padding:2em; float:left; font-size:.9em; color:#575757;}
#contenido_unico p{ margin-bottom:1em;}
#contenido_unico #google_map{ text-align:center;}
#contenido_unico address{ margin-top:1em;}
#contenido_unico address a{color:#5F5F5F; font-size:1.5em;}

#contenido_unico h3{ font-size:1.1em; font-weight:bold; text-decoration:underline; margin-bottom:2em;}
#contenido_unico #form_reservas{ float:left; width:100%; margin-bottom:2em;}
#contenido_unico #form_reservas dt{ float:left; width:auto; margin-right:.5em; font-weight:bold; font-size:1.2em; padding:.2em;}
#contenido_unico #form_reservas dd{ float:left; width:auto; margin-right:.5em;}
#contenido_unico #form_reservas input{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#FFF; background:#000333; border:1px solid #999999; padding:.2em;}
#contenido_unico #form_reservas select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#FFF; background:#000333; border:1px solid #999999; padding:.2em;}

#contenido_unico #form_reservas .boton{ color:#000; background:#E5E6EB;}
#contenido_unico .borde_arriba_nota{ border-top:1px solid #000; padding-top:.3em;}

#contenido_unico ul li a{ text-decoration:none; color:#000;}

/* Pie */

#pie{float:left; clear:both; width:76.3em; border:.1em solid #000; border-top:0; background:#FFF;}

.pie-padding{ padding-bottom:1em;}

#pie #wifi{ margin:1em 0 0 1em; color:#000; width:auto; padding:.3em .5em .25em 2.2em; border:1px solid #000; float:left; background:url(../images/wifi.gif) no-repeat 0 0; font-weight:bold;}
#pie #reserva{ margin:0; color:#000; width:16em; height:7em; padding: 0 0 0 5.2em; float:right; background:url(../images/reservas.gif); background-repeat: no-repeat; background-position: 100% 100%; font-weight:bold;}
#pie #reserva a{ background:#000; color:#FFF; margin-right:1em; font-size:1em;}
#pie #wifi span{ background:#000; color:#FFF; padding:.15em; margin-left:.2em;}
#pie #oferta{ width:100%; padding:2em 0; color:#0062B8; width:60em; margin:0 auto; clear:both; font-size:1.1em;}

#mapa-web{ float:right; width:auto; text-align:right; padding-top:.1em;}
#mapa-web a{ color:#000; text-decoration:none;}

#mapa-web p{ float:left; width:auto; margin-right:15px;}
#mapa-web p.enlace-mapa{ padding-top:5px;}

/* PRESENTACION  HABITACIONES */
#imagenes-habitaciones{ float:left; width:46.30em; border:.1em solid #999; background:url(../images/habitacion-1.jpg) no-repeat 0 0; padding-top:22.60em;}
#navegador-habitaciones{ position:relative; bottom:0; z-index:1; float:left; background:#FFF; width:100%; opacity:0.8; border-top:.1em solid #999; font-family:Arial, Helvetica, sans-serif;}
#navegador-habitaciones #texto-navegador{ float:left; padding:.5em 1em; font-size:2em; color:#4f4f4f; margin-left:8em;}
#navegador-habitaciones #texto-navegador span{ color:#000;}
#navegador-habitaciones #numeros-navegador{ float:right; width:auto; padding:0.3em 0 0 0;}
#navegador-habitaciones #numeros-navegador ul{ float: left; width:auto;}
#navegador-habitaciones #numeros-navegador ul li{ font-size:1.3em; float:left; margin:0 .3em;}
#navegador-habitaciones #numeros-navegador ul li a{ text-decoration:none; color:#000; float:left;}
#navegador-habitaciones #numeros-navegador ul li a span{ color:#989876;}
#navegador-habitaciones #numeros-navegador ul li a:hover{ background:#eeeeee;}
#navegador-habitaciones #numeros-navegador ul li a:hover span{ color:#eeeeee;}