body { margin: 0; padding: 0; background: #908D70; }
body, td, p { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; }
td { vertical-align: top; }

a { color: #369; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { padding: 0; font-weight: bold; }
h1 { margin: 0 0 0.25em; font-size: 32px; color: #A13616; }
h2 { margin: 0 0 0.5em; font-size: 18px; color: #A13616; }
h3 { margin: 0 0 0.5em; font-size: 16px; color: #A13616; }
h4 { margin: 0 0 0.5em; font-size: 16px; color: #A13616; }
h5 { margin: 0 0 0.5em; padding: 0 0 0 12px; font-size: 11px; color: #C24600; background: url(../images/flecha_roja.gif) 0 4px no-repeat; }
h6 { margin: 0; padding: 0 0 0 12px; font-size: 11px; color: #C24600; background: url(../images/flecha_roja.gif) 0 4px no-repeat; border-bottom: 1px solid #C24600; }
h6 a { color: #C24600; }
h6 a:hover { color: #C24600; text-decoration: none; }
p, ul { margin: 0 0 1em; padding: 0; }

label { margin-left: 32px; font-size: 14px; font-weight: bold; color: #817E5B; }
input, textarea, select, button { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; }
input, textarea, select { margin: 2px; padding: 2px; border: 1px solid #A7A58C; background: #FFF; color: #000; }
input, textarea { width: 300px; border-color: #A7A58C #EEE #EEE #A7A58C; }
button { border: 1px solid #A7A58C; border-color: #EEE #A7A58C #A7A58C #EEE; background: #FFF; color: #817E5B; font-weight: bold; }
button.enviar { width: 80px; height: 20px; background: url(../images/bot_enviar_fr.gif) no-repeat; border: 0; }
button.enviar:hover { background-position: 0 -20px; }
button.borrar { width: 80px; height: 20px; background: url(../images/bot_borrar_fr.gif) no-repeat; border: 0; }
button.borrar:hover { background-position: 0 -20px; }

strong { color: #000; font-weight: bold; }

.sincss { display: none; }
.fizq { float: left; }
.fdch { float: right; }
.aliizq { text-align: left; }
.alictr { text-align: center; }
.alidch { text-align: right; }

#todo { margin: 0 auto 40px; width: 780px; background: #F1F0DC url(../images/bordes.gif) repeat-y; }
#todo1 { padding: 0 7px; background: url(../images/borde_pie.gif) bottom no-repeat; }
#cabecera { position: relative; height: 143px; }
#logo { position: absolute; top: 10px; left: 12px; }

#menu { position: absolute; top: 68px; right: 19px; }
#menu a { display: block; height: 70px; margin: 0; }
#menu td { padding-right: 2px; }
#menu a#menu1 { width: 148px; background: url(../images/menu1_fr.jpg) no-repeat; }
#menu a#menu2 { width: 111px; background: url(../images/menu2_fr.jpg) no-repeat; }
#menu a#menu3 { width: 158px; background: url(../images/menu3_fr.jpg) no-repeat; }
#menu a#menu4 { width: 82px; background: url(../images/menu4_fr.jpg) no-repeat; }
#menu a#menu1:hover, #menu a#menu2:hover, #menu a#menu3:hover, #menu a#menu4:hover { background-position: 0 -70px; }

#menutop { position: absolute; top: 0; right: 0; height: 21px; background: url(../images/tira_menutop.gif) no-repeat; }
#menutop a { display: block; height: 20px; margin: 0; }
#menutop a#menutop1 { width: 42px; background: #FFF url(../images/menutop1_fr.gif) no-repeat; }
#menutop a#menutop2 { width: 70px; background: url(../images/menutop2_fr.gif) no-repeat; }
#menutop a#menutop3 { width: 57px; background: url(../images/menutop3_fr.gif) no-repeat; }
#menutop a#menutop4 { width: 136px; background: url(../images/menutop4_fr.gif) no-repeat; }
#menutop a#menutop5 { width: 50px; background: url(../images/menutop5_fr.gif) no-repeat; }
#menutop a#menutop1:hover, #menutop a#menutop2:hover, #menutop a#menutop3:hover, #menutop a#menutop4:hover, #menutop a#menutop5:hover { background-position: 0 -20px; }

#idiomas { margin-left: 12px; font: 9px Tahoma "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9A9A7B; }
#idiomas div { margin: 5px 0 0; }
#idiomas a { color: #9A9A7B; text-decoration: none; }

#contenido { padding-bottom: 40px; background: url(../images/fondo_hojas.jpg) right 120px no-repeat; }

#izq { width: 169px; padding-top: 50px; }
#dch { width: 501px; }
#dch a { color: #A13616; font-weight: bold; }
td.separar { width: 1px; background: url(../images/separar.gif) 0 50px no-repeat; }

#galeria { position: relative; height: 375px; }
#galeria #fots0 div { position: absolute; left: 0; top: 0; width: 501px; height: 324px; background: #FFF; text-align: center; visibility: hidden; }
#galeria #fots0 div img { display: block; position: absolute; left: 0; top: 0; border: 1px solid #B6B4A4; }
#galeria #bots0 { position: absolute; left: 0; top: 325px;  width: 501px;}
#galeria #bots0 a { display: block; float: left; width: 16px; margin: 1px; padding: 6px 0; background: #B6B4A4; border: 1px solid #999; color: #999; font: 10px Tahoma, Helvetica, Arial, sans-serif; text-align: center; text-decoration: none; }
#galeria #bots0 a.on { color: #666; border: 1px solid #666; }
#galeria #bots0 a.off { color: #999; border: 1px solid #999; }

#bot_actividades { display: block; height: 20px; background: url(../images/bot_actividades_fr.gif) right top no-repeat; }
#bot_bienvenidas { display: block; height: 20px; background: url(../images/bot_bienvenidas_fr.gif) right top no-repeat; }
#bot_almohadas { display: block; height: 20px; background: url(../images/bot_almohadas_fr.gif) right top no-repeat; }
#bot_reservas { display: block; height: 20px; background: url(../images/bot_reservas_fr.gif) right top no-repeat; }
#bot_accesos { display: block; height: 20px; background: url(../images/bot_accesos_fr.gif) right top no-repeat; }
#bot_contacto { display: block; height: 20px; background: url(../images/bot_contacto_fr.gif) right top no-repeat; }
#bot_menu { display: block; height: 20px; background: url(../images/bot_menu_fr.gif) right top no-repeat; }
#bot_actividades:hover, #bot_bienvenidas:hover, #bot_almohadas:hover, #bot_reservas:hover, #bot_accesos:hover, #bot_contacto:hover, #bot_menu:hover { background-position: right -20px; }

#bienvenidas, #almohadas, #reservas, #estancias, #localizacion, #formulario { margin-bottom: 32px; }
#bienvenidas ul { height: 120px; padding: 0 0 0 60px; background: url(../images/bienvenidas_interior.jpg) no-repeat; }

#localizacion { background: url(../images/localizacion_interior.jpg) 0 25px no-repeat; }
#almohadas { background: url(../images/almohadas_interior.jpg) 0 50px no-repeat; }

#bot_accesos { margin-top: 120px; }
#bot_almohadas { margin-top: 90px; }

ul { list-style: none; }
ul li { margin: 0; padding: 0 0 0 16px; background: url(../images/flecha_marron.gif) 0 4px no-repeat; }

ul.negra { list-style: none; }
ul.negra li { margin: 0; padding: 0 0 0 16px; background: url(../images/flecha_negra.gif) 0 4px no-repeat; font-weight: bold; color: #000; }
ul.negra li a { color: #000; }

ul.marron { list-style: none; }
ul.marron li { margin: 0; padding: 0 0 0 16px; background: url(../images/flecha_marron.gif) 0 4px no-repeat; font-weight: bold; color: #6D5A29; }
ul.marron li a { color: #6D5A29; }

#contacto p { padding: 0 0 16px 48px; }
#contacto p.sobre { background: url(../images/sobre_pie.gif) no-repeat; }
#contacto p.mano { padding-left: 0; background: url(../images/mano_pie2.gif) no-repeat; text-align: right; }
#contacto p, #contacto a { color: #806609; font: bold 10px Tahoma, Helvetica, Arial, sans-serif; }
#contacto a.disponibilidad { display: block; padding: 10px 0 10px 53px; margin-bottom: 25px; height: 25px; color: #A13616; background: url(../images/disponibilidad.gif) no-repeat; }

#tblestancias td { padding: 0 8px 8px 0; }
#tblestancias a span { display: block; padding: 0 0 0 16px; background: url(../images/flecha_negra.gif) 0 4px no-repeat; color: #000; }

#pie { position: relative; height: 80px; background: url(../images/tira_pie.gif) 50px 0 no-repeat; }
#pie, #pie td, #pie a { color: #806609; font: bold 10px Tahoma, Helvetica, Arial, sans-serif; }
#pie td.txt { width: 140px; }

#veiss { display: block; position: absolute; left: 720px; top: 80px; width: 45px; height: 21px; background: url(../images/veiss.gif) 0 0 no-repeat; }
#veiss:hover { background-position: 0 -21px; }