*	{ margin: 0px; padding: 0px }
img	{ border: 0px }
fieldset	{ border: 0px }
body	{ background-color: #FFFFFF; background-image:url('/images/fondo.png'); background-repeat:repeat-x; background-position:top }
#container	{ width: 800px; margin: 24px auto; text-align: center }
#cabecera	{ position: relative; width: 100% }
#cabecera #topBar	{ width: 100%; height: 39px; background-image: url('/images/top.png'); background-repeat:no-repeat }
#cabecera #topBar p.imgTituloH1	{ float: left; margin: 10px 0px 0px 18px }
#cabecera #topBar p.imgTituloH2	{ float: right; margin: 5px 18px 0px 0px  }
#cabecera #topBar p.imgTituloH4	{ margin: 3px 0px }
#cabecera #topBar h1	{ display: inline; font-family: Arial; font-weight: bold; font-size: 10pt; color: #FFFFFF; margin: 0px 6px }
#cabecera #topBar h2	{ display: inline; font-family: Arial; font-weight: bold; font-size: 9pt; color: #FFFFFF; margin: 0px 6px }
#cabecera #topImage	{ position: relative; width: 100%; height: 165px; background-image: url('/images/topImage.jpg'); background-repeat:no-repeat }
#cabecera #topImage #topImagePieFoto	{ position: absolute; top: 153px; left: 414px; font-family: Tahoma; font-size: 7pt; color: #DDDDDD }
#cabecera #ofertasMes	{ position: absolute; top: 28px; left: 6px; width: 206px; height: 85px; padding-top: 86px; background-image: url('/images/ultimas-ofertas.png') }
#cabecera #ofertasMes p	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 2px 14px; margin: 2px 0px }
#cabecera #ofertasMes p.precio	{ font-weight: bold }
#cabecera #topMosaico	{ float: right; margin: 1px 8px 2px 0px; width: 220px; height: 160px }
#cabecera #topMosaico img { border: 0px; margin: -2px }
#cabecera #topMenu	{ position: relative; width: 100%; height: 78px; background-image: url('/images/topMenu.png') }
#cabecera #topMenu #topResidencia	{ position: absolute; width: 350px; height: 17px; top: 10px; left: 8px }
#cabecera #topMenu #topMenuVerde	{ float: left; background-image: url('/images/topMenuVerde.png'); margin: 42px 0px 0px 1px; width: 528px; height: 34px }
#cabecera #topMenu #topMenuVerde a	{ text-decoration: none; font-family: Arial; font-size: 8pt; font-weight: bold; color: #000000 }
#cabecera #topMenu #topMenuVerde a:hover	{ text-decoration: underline }
#cabecera #topMenu #topMenuVerde p	{ margin-top: 6px; word-spacing: 11px }
#cabecera #topMenu #topMenuDireccion	{ float: right; width: 260px; height: 70px; margin: 14px 5px 0px 0px }
#cabecera #topMenu #topMenuDireccion p	{ font-family: Arial; font-size: 8pt; color: #000000 }
#cabecera #topMenu #topMenuDireccion p.dobleEspacio	{ margin-bottom: 10px }
#cabecera #topMenu #topMenuDireccion a { text-decoration: none; color: #000000}
#cabecera #topMenu #topMenuDireccion a:hover { text-decoration: underline; color: #178BFF }

#contenido	{ width: 776px; text-align: left; height: auto; padding: 24px 0px 24px 24px; background-color: #F5FAFF }
#contenido p	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; margin: 16px 0px; line-height: 140% }
#contenido #columnaDcha	{ position: relative; float: right; width: 268px; display: block }
#contenido #columnaDcha p.fotoFachada	{ text-align: right; margin-right: 9px }
#contenido #txtContenidos { width: 490px; height: auto }
#contenido #txtContenidos p	{ text-align: justify }

#contenido a	{ text-decoration: none; color: #014FDE }
#contenido a:hover	{ text-decoration: underline; color: #DF6A00 }

#contenido div.imgDcha	{ float: right; margin-left: 10px }
#contenido div.imgIzqda	{ float: left; margin-right: 10px }
#contenido div.imgDcha img, #contenido div.imgIzqda img	{ display: block; margin-bottom: 4px }

#contenido ul	{ margin-left: 40px }
#contenido ul li	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; list-style-type:none; text-align:justify; margin: 10px 20px 6px 12px; padding-left:24px; padding-bottom:5px }

#contenido #txtContenidos blockquote p	{ margin: 1px 90px }

#columnaDcha #faqList	{ margin: 0px; padding: 0px; margin-bottom: 28px }
#columnaDcha #faqList li	{ padding: 1px 6px 1px 0px; font-family: Verdana, Arial; font-size: 8pt }

#contenido #tblHorarios	{ width: 340px; border: 0px; margin: 12px 0px }
#contenido #tblHorarios td	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 3px }
#contenido #tblHorarios td.comida	{ background-color: #D7E4F2; width: 92px; text-align: center }

#contenido #tblContactar	{ width: 480px; border: 0px; margin: 10px 0px }
#contenido #tblContactar td	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; padding: 1px }
#contenido #tblContactar td.txt	{ width: 96px }
#contenido #tblContactar td.tright	{ text-align: right }

#contenido div.clearing	{ clear: both; height: 2px }

#txtContenidos img.txtContenidos	{ border: 0px; margin-right: 2px }
#txtContenidos blockquote.restaurante	{ padding: 4px 0px 4px 90px }

#frmContactar input, #frmContactar textarea	{ border: 1px solid #646464; padding: 1px }
#frmContactar input { width: 100% }
#frmContactar textarea	{ width: 100%; height: 110px }
#frmContactar input.btnSubmit	{ width: 96px; border: 2px solid #000000; text-align: center }
#frmContactar input.captcha	{ width: 120px; height: 45px; font-family: Verdana, Arial; font-size: 14pt; font-weight: bold; vertical-align: middle; color: #000000; text-align: center }
#frmContactar img.captcha	{ border: 1px solid #000000; width: 160px; height: 45px; vertical-align: bottom }

#capaError	{ border: 2px solid red; padding: 12px; width: 400px; background-color: #FFFFFF }
#capaError p	{ margin: 2px; font-family: Verdana, Arial; font-size: 9pt; color: #000000 }

#faqDiv	{ margin: 6px 0px }
#faqDiv ul	{ margin-left: 14px }
#faqDiv ul li	{ font-family: Verdana, Arial; font-size: 9pt; color: #000000; font-weight: bold; list-style-type:none; text-align:justify; padding: 10px 0px }
#faqDiv ul.tiposHabitacion li	{ margin: 2px 0px; padding: 2px }
#faqDiv blockquote	{ text-align: justify; font-family: Verdana, Arial; font-size: 9pt; color: #000000; margin: 8px 0px; padding: 0px 0px 0px 55px }

#tblPrecios	{ border: none }
#tblPrecios	td { width: 80%; padding: 2px; margin: 1px; font-family: Verdana, Arial; font-size: 9pt; color: #000000; border-bottom: 1px dotted #565656 }
#tblPrecios	td.precio	{ text-align: right; font-weight: bold; width: 20% }

#subMenuResidencia	{ background-position: center top; width: 247px; height: auto; background-image: url('/images/subMenuTop.png'); margin-bottom: 16px; padding-top: 8px; background-repeat:no-repeat }
#subMenuResidencia p	{ margin: 2px 0px; text-align: center }
#subMenuResidencia a	{ font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none; color: #000000 }
#subMenuResidencia a:hover	{ color: #0A5BB6 }
#subMenuResidenciaBottom	{ width: 247px; height: 13px; background-image: url('/images/subMenuBottom.png') }

#reservasBox	{ position: relative; display: block; width: 247px; height: 221px; padding: 6px; background-image: url('/images/reservas-fondo.png') }
#reservasBox p	{ font-family: Arial, Tahoma; font-size: 7pt; color: #000000; margin: 2px }
#reservasBox img	{ margin-bottom: 12px }
#reservasBox #reservasForm #tblForm td	{ font-family: Arial, Tahoma; font-size: 7pt; font-weight: bold; color: #000000; margin: 2px }
#reservasBox #reservasForm #tblForm td.dcha	{ text-align: right }
#reservasBox #reservasForm input, #reservasBox #reservasForm select, #reservasBox #reservasForm textarea	{ border: 1px solid #000000; background-color: #FFFFFF; padding: 1px; font-family: Arial, Tahoma; font-size: 7pt; font-weight: bold; color: #000000 }
#reservasBox #reservasForm input.submitBtn	{ width: 96px; padding: 2px; background-color: #BEE19F; font-weight: bold; }
#reservasBox #reservasForm textarea.observaciones	{ width: 240px; height: 50px }
#reservasBox #reservasForm input.fechas	{ width: 74px }
#reservasBox #reservasForm input.datosP	{ width: 74px }
#reservasBox #reservasForm label.inputBox	{ left: 124px }

#ofertas	{ position: relative; float: left; width: 500px; height: 180px }
#ofertas p	{ margin: 1px 0px 1px 6px; font-family: Arial, Tahoma; font-size: 8pt; color: #F1F1F1 }
#contenido p.notas	{ float: left; margin: 0px; padding-top: 8px; font-family: Arial, Tahoma; font-size: 7pt; color: #242424 }
#ofertas p.tituloOfer	{ color: #FFFFFF; margin: 1px 0px 6px 8px }
#ofertas span.ofertaValor	{ font-weight: bold; color: #000000 }
#ofertas p.titOfertas	{ clear: both; margin: 10px 0px }
#ofertas h5	{ font-family: Arial, Tahoma; font-weight: bold; font-size: 8pt; color: #FFFFFF; margin: 3px 0px 10px 3px }
#ofertas #ofertaVerano, #ofertas #ofertaPeregrinos, #ofertas #ofertaPisos	{ position: relative; width: 148px; height: 118px; padding: 6px; margin: 1px; float: left } 
#ofertas #ofertaVerano { background-image: url('/images/oferta-verano.png') }
#ofertas #ofertaVerano h5	{ color: #000000 }
#ofertas #ofertaVerano p	{ color: #242424 }
#ofertas #ofertaVerano p.tituloOfer	{ color: #000000 }
#ofertas #ofertaPeregrinos{ background-image: url('/images/oferta-peregrinos.png') }
#ofertas #ofertaPisos	{ background-image: url('/images/oferta-pisos.png'); clear: right }

#galeriaImagenes	{ position: relative; float: left; width: 500px; height: 190px; margin-top: 4px }

#pie	{ position: relative; width: 784px; height: 54px; padding: 8px; background-color:#C1D0E1; clear: both }
#pie a	{ text-decoration: none; color: #0161CB }
#pie a:hover	{ text-decoration: none; color: #01438B; text-decoration: underline }
#pie p	{ font-family: Tahoma; font-size: 8pt; color: #000000 }
#pie1	{ width: 340px; float: left; text-align: left }
#pie1 p	{ margin-top: 40px }
#pie2	{ width: 380px; float: right; text-align: right }