﻿/* Arquitectura */
body {background:#fff url(../img/fondo_degradado.jpg) repeat-x}
#contenido {position:absolute; top:0px; left:0px; width:100%; height:auto; margin:0px; padding:0px}
#contenedor {position:relative; width:760px; height:auto; margin:0 auto}
#cabecera, #cuerpo, #pie {position:relative; width:760px}
#cabecera {height:320px; z-index:5}
#cuerpo {height:auto; z-index:3}
#pie {height:65px; background: url(../img/logo_pie.gif) no-repeat}
/* Genericos */
.divrel {position:relative; width:100%; height:auto}
img {border:0px}
table {border-collapse:collapse; border-spacing:0px}
td, th {padding:0px; vertical-align:top}
.fleft {float:left; padding-right:10px; padding-top:4px}
/* Espacios */
.spacer3 {width:3px; height:3px}
.spacer5 {width:5px; height:5px}
.spacer10 {width:10px; height:10px}
.spacer20 {width:20px; height:20px}
.spacer25 {width:25px; height:25px}
.spacer30 {width:30px; height:30px}
.spacer35 {width:35px; height:35px}
.spacer40 {width:40px; height:40px}
.spacer50 {width:50px; height:50px}
.spacer60 {width:60px; height:60px}
.spacer70 {width:70px; height:70px}
.spacer80 {width:80px; height:80px}
.spacer100 {width:100px; height:100px}
/* Cabecera */
#idiomas {position:absolute; top:55px; right:8px; z-index:4}
#logo {position:relative; width:250px; height:50px}
#mnusup {position:relative; width:100%; height:23px; background:url(../img/fondo_menu.jpg) repeat-x; border:solid 1px #92815e}
#sombramnusup {position:relative; top:-10px; width:760px; height:10px; background:url(../img/sombra_menu.jpg) no-repeat; z-index:1}
/* ctrl idiomas */
#idiomas ul {margin:0; padding:0; list-style-type:none; text-align:right}
#idiomas ul li {display:inline}
#idiomas ul li a {font-size:11px; padding-left:3px}
#idiomas ul li a img {vertical-align:bottom; padding-right:1px} 
/* menu superior */
#menuprincipal {list-style-type:none; position:absolute; top:-19px; *top:0px; left:-33px; width:100%; z-index:2}
#menuprincipal li {float:left; position:relative; padding:5px 25px 0px 2px}
#menuprincipal li a, #menuprincipal li a:visited {padding:0px}
#menuprincipal dl {position:absolute; top:0px; left:0px; margin:0px; padding:0px}
#menuprincipal dt {margin:0px; float:left}
#menuprincipal img {padding-right:1px; padding-top:1px}
#menuprincipal dd {display:none; clear:left; margin:0px; padding:0px; text-align:left; border:solid 1px #bc9f85; background-color:#f7f3ef; width:auto; min-width:130px}
#menuprincipal dt a, #menuprincipal dt a:visited {display:block; padding:5px 0px 10px 0px; text-decoration:none}
#menuprincipal dd a, #menuprincipal dd a:visited {text-decoration:none; display:block; padding:0px 10px 0px 10px}
#menuprincipal li a:hover {border:0px}
#menuprincipal dd a:hover  {background-color:#ede2d8}
#menuprincipal li:hover dd, #menuprincipal li a:hover dd {display:block}
dt a {font-weight:bold; font-size:12px}
dd a {font-size:11px}
#menuprincipal p {visibility:hidden; font:12px Trebuchet MS, Helvetica, sans-serif}
/* Cuerpo */
#fachada {position:absolute; bottom:5px; left:0px; height:186px; width:239px; background:url(../img/logo_fachada.gif)}
#fachada2 {position:absolute; bottom:5px; right:0px; height:186px; width:239px; background:url(../img/logo_fachada.gif)}
#contcuerpo {position:relative; z-index:4}
#tdtexto {width:450px; text-align:justify}
#tdimagen {width:310px}
#contfoto {position:relative; float:right}
#contfoto img {border:solid 1px #fff}
#pnldiv {position:relative; width:280px; height:auto; background-color:#f9f8f8; border:solid 1px #d3ccc5; float:right}
.titpnl {padding-left:26px; top:5px; left:2px}
.titpnlalt {top:5px; right:26px; text-align:right}
#sombrafoto {position:relative; float:right; width:280px; height:10px; background:url(../img/sombra_foto.jpg) no-repeat}
/* Pie */
#divaflua {position:absolute; top:30px; right:0px; height:25px; width:120px}
#logoaflua {position:absolute; top:0px; right:0px; height:25px; width:25px}
#txtaflua {position:absolute; top:4px; right:28px; width:85px; height:15px; text-align:right}
#txtaflua a {color:#bfb2a6; font:9px/9px Arial, Helvetica, sans-serif; text-decoration:none}
#txtaflua a:hover, #txtaflua a:active  {color:#999}
/* Pagina Contacto */
.etiqform {position:absolute; top:3px; left:0px; text-align:right; width:75px}
.etiqform p {font-size:15px; color:#a7958a}
.campotext {position:absolute; top:3px; left:80px}
.campotextoform {border:solid 1px #bfb2a6; background-color:#fff; width:180px; font:font:13px Trebuchet MS, Helvetica, sans-serif; color:#000; text-indent:5px}
.campotextoformgr {border:solid 1px #bfb2a6; background-color:#fff; width:180px; font:font:13px Trebuchet MS, Helvetica, sans-serif; color:#000; text-indent:5px; padding-top:3px; overflow:auto}
.btnenviar {background:Transparent url(../img/fondo_btn.gif);position:absolute; top:0px; left:83px; border:none; width:102px; height:22px; font:bold 15px Trebuchet MS, Helvetica, sans-serif; color:#993300; cursor:hand}
/* Pagina Reservas */
#pnlreservas {position:relative; width:400px; height:auto; background-color:#f9f8f8; border:solid 1px #d3ccc5; float:right}
.titpnlreservas {padding-left:45px; top:6px; left:2px}
.etiqformreserva {position:absolute; top:3px; left:35px; text-align:right; width:100px}
.etiqformreserva p {font-size:15px; color:#a7958a}
.reservatext {position:absolute; top:3px; left:140px}
.reservatextoform, .reservatextoformgr {border:solid 1px #bfb2a6; background-color:#fff; width:235px; font:font:13px Trebuchet MS, Helvetica, sans-serif; color:#000; text-indent:5px}
.reservatextoformgr {overflow:auto}
.camponum {position:absolute; top:0px; left:140px; _left:137px}
.camponumform {width:235px; font:13px Trebuchet MS, Helvetica, sans-serif; color:#000; border:solid 1px #bfb2a6; background-color:#fff; text-indent:8px}
.radiobox, .radiobox2 {position:absolute; top:0px; left:10px; width:50px; font:bold 12px Trebuchet MS, Helvetica, sans-serif; color:#999; text-indent:8px}
.radiobox2 {width:110px}
#sombrareservas {position:relative; width:400px; float:right; height:9px; background:url(../img/sombra_foto_gr.jpg) no-repeat}
.alter_btn_lnk a {position:relative; margin:0 auto; display:block; background:Transparent url(../img/fondo_btn.gif); width:102px; height:22px; text-align:center; font:bold 15px Trebuchet MS, Helvetica, sans-serif; color:#993300; cursor:pointer}
/* Pagina Noticias */
#pnldiv .divrel p, #pnldiv .divrel h3 {padding-left:10px}
#pnldiv .divrel .agr {font:13px Trebuchet MS, Helvetica, sans-serif; color:#663300; padding-left:10px; cursor:hand}
/* Pagina Tarifas */
.divrel ul {margin:0; padding:0; list-style-type:none; text-align:left}
.divrel ul li {display:inline}
.divrel ul li img {vertical-align:bottom}
table #tarifas {width:450px}
table #tarifas td, table #tarifas th {padding-top:5px; width:150px}
/* Links */
a {font:12px Trebuchet MS, Helvetica, sans-serif; color:#663300; text-decoration:none}
a:hover, a:active {text-decoration:underline}
.apq {font-size:11px; color:#993300; text-decoration:underline}
.agr {font-size:13px; color:#993300} 
/* Fuentes */
h1 {font:bold 15px Trebuchet MS, Helvetica, sans-serif; color:#663300; padding:0px; margin:0px; text-align:left}
h2 {font:bold 19px Trebuchet MS, Helvetica, sans-serif; color:#d3ccc5; padding:0px; margin:0px}
h3 {font:bold 15px Trebuchet MS, Helvetica, sans-serif; color:#663300; padding:0px; margin:0px; text-align:left}
p {font:13px Trebuchet MS, Helvetica, sans-serif; color:#330000; padding:0px; margin:0px}
.ppq {font:11px/14px Trebuchet MS, Helvetica, sans-serif; color:#996600}
