/* ---------------------------------------------------------------------- limpiando estilos */
html, body,
h1, h2, h3, h4, h5, h6,
ul, li, 
p, div,
form, fieldset, label,
img { margin:0px; padding:0px; border:none; }
a { outline: none; } /* --- marco  */

body { font:12px Arial; color:#42648B; background:#dcdcdc url(../img/bg.gif) top center; }

#hotel { width:820px; margin:0px auto; }
.principal { width:820px; height:340px; background:url(../img/bg_bloque_sup.gif) no-repeat top left; margin:20px 0 1px 0; }
.contenido { width:820px; height:auto; margin:0px auto;}

.contenidoancho { width:820px; background:url(../img/bg_ancho_sup.gif) no-repeat top left; }
.contenidoanchofin { width:820px; height:10px; background:url(../img/bg_ancho_inf.gif) no-repeat bottom left;}

/* ------------------------------ principal */
.elbloque { width:198px; height:331px; padding:9px 2px 0 5px; float:left; }
.elbloque .ellogo h1 { display:none; }
.laimagen { width:399px; height:332px; padding:8px 0 0 11px; float:left; }
.laimagen img { width:391px; height:324px; }

.elmenu ul { list-style:none; width:198px; margin:10px 0 0 0; }
.elmenu ul li { text-align:right; margin:0 0 3px 0; float:left;}
.elmenu ul li a { color:#42648B;  width:158px; height:15px; display:block; font-weight:bold; padding:0 40px 0 0; text-decoration:none;  }
.elmenu ul li a:hover { background:#42648B; color:#CCC; }
.elmenu ul li a.active { background:#42648B; color:#CCC; }

.texto a { color:#42648B; }


/* ------------------------------ contenido */
.destacados { width:205px; height:200px; float:left; }

.destacados .newsletter { width:188px; height:62px; padding:9px 7px 9px 10px; margin:0 0 1px 0; background:url(../img/bg_newsletter.gif) no-repeat top left;}
.destacados .newsletter h2 { font-size:18px; font-weight:bold; padding:0 0 10px 0; }
.destacados .newsletter input { border:1px dotted #42648B; font-size:12px; color:#42648B; width:120px; }
.destacados .newsletter .enviar { font-size:12px; font-weight:bold; margin:0 0 0 5px; background:#42648B; color:#FFF; text-decoration:none; padding:0 5px; }

.destacados .banner { width:188px; height:113px; padding:9px 7px 9px 10px; margin:0 0 1px 0; background:url(../img/bg_banner.gif) no-repeat top left;}

.informacion { width:615px; height:auto; float:left; background:url(../img/bg_contenido_sup.gif) no-repeat top left;}
.texto { width:550px; min-height:400px; margin:0px auto; padding:25px 0 0 0; text-align:justify; }
.texto h1 { font-size:23px; padding:0 0 5px 0; border-bottom:1px solid #42648B; margin:0 0 15px 0; font-weight:normal; }
.texto ul { margin:0 0 0 30px;}
.informacionfin { width:615px; height:10px; background:url(../img/bg_contenido_inf.gif) no-repeat bottom left;}

/* ------------------------------ pie */
.pie { width:615px; float:right; padding:0 0 20px 0; }
.pie  div { text-align:center; font-size:11px; }
.pie ul { list-style:none; }
.pie a { color:#42648B; }

.pie div ul {margin:15px 0 0 0; text-align:right;}
.pie div ul li { display:inline; margin: 0 0 0 10px; }

/* ------------------------------ varios */
.limp { clear:both; }


/* ------------------------------ fotos */

#galleries { display:none;}
.pictures ol  { list-style:none; margin:0px; padding:0px;}
.pictures ol li { list-style:none; margin:0px; padding:0px; float:left;}
.pictures img { margin:3px; }



.reservaonline { margin:0 10px; }


.verprecio { text-align:right; }
.verprecio a { font-size:11px; background:#42648B; color:#FFF; text-decoration:none; width:80px; padding:3px 5px; text-align:center; font-weight:bold; }

.mas { border-top:1px dotted #42648B; margin:8px 0;}
.mas a { font-size:10px; color:#42648B; }
.cancelar a { font-size:10px; color:#42648B; }