img { border:0; vertical-align:middle }
sup { font-size:75%; vertical-align:text-top }
fieldset { margin:0; padding:0; border:0 }

body {
  margin:0;
  font:12px/18px Arial,sans-serif;
  color:#5d5a5a;
}
textarea {
  font:12px Arial,sans-serif;
}
a {
  color:#5d5a5a;
  text-decoration:none;
}

#content-wrapper {
  position:relative;
  width:1003px;
  margin:0 auto;
}

#comun {
  position:absolute;
  top:49px;
  left:8px;
  width:244px;
}
#logo {
  margin-left:5px;
}
form#reservas {
  margin:80px 0 50px 0;
  height:162px;
  padding-top:24px;
  background-image:url(../img/reservas-form.gif);
  color:#666;
}
form#reservas img {
  padding-bottom:25px;
}
form#reservas fieldset {
  height:49px;
}
form#reservas input.text {
  width:66px;
  height:17px;
  padding:2px 0 0 0;
  border:0;
  background-image:url(../img/reservas-input.gif);
  line-height:100%;
  text-align:center;
  color:#666;
}
#calendario1, #calendario2 {
  display:inline-block;
  width:21px;
  height:22px;
  margin-left:7px;
  background-image:url(../img/reservas-calendario.gif);
  vertical-align:top;
}
#calendario1 {
  margin-right:30px;
}
select {
  width:34px;
  height:18px;
  margin-left:10px;
  padding-left:1px;
  border:1px solid #ddd;
  font-size:11px;
  color:#666;
  vertical-align:baseline;
}
form#reservas a#modificar {
  margin-left:25px;
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size:11px;
  color:#999;
}
form#reservas a#modificar:hover {
  text-decoration:underline;
}
form#reservas .submit {
  text-align:right;
  margin:7px 20px 0 0;
}
#reservar {
  margin-left:48px;
  vertical-align:bottom;
}

#contenido {
  position:relative;
  z-index:1;
  width:370px;
  min-height:546px;
  _height:546px; /* IE6 */
  margin-left:252px;
  padding:45px 0 30px 8px;
  background:url(../img/fondo-izquierda.gif) no-repeat top left;
}

#book {
  margin:0 0 0 12px;
  padding:0 0 0 16px;
}

h2, #contenido p {
  padding:0 0 0 28px;
}
h1 {
  margin:0 0 0 12px;
  padding:0 0 0 16px;
  border-bottom:1px dotted #d4cfcf;
}
h2 {
  margin:2em 0 0 0;
  font-size:100%;
}
h3 {
  margin:0;
  font-size:100%;
  color:#c2033c;
}
ul {
  margin:1em 0;
  padding:0 0 0 30px;
}
li {
  zoom:1; /* IE6 */
  list-style:none;
  padding-left:9px;
  background:url(../img/bullet.gif) no-repeat left .7em;
}
#notas {
  margin-top:2em;
  padding-left:40px !important;
  font-style:italic;
  font-weight:bold;
  font-size:11px;
  line-height:14px;
}

#menu-y-contenido-extra {
  position:absolute;
  top:0;
  right:0;
  width:334px;
  height:568px;
  padding:0 18px;
  background:url(../img/fondo-derecha.gif) no-repeat top;
}

#menu-y-contenido-extra-book {
  position:absolute;
  top:0;
  right:0;
  width:334px;
  height:568px;
  padding:0 18px;
  background:url(../img/fondo-derecha-book.gif) no-repeat top;
}

#idiomas {
  height:12px;
  margin-bottom:6px;
  padding:14px 0;
  text-align:right;
  font:12px/12px "Trebuchet MS",verdana,sans-serif;
  color:#656565;
}
#idiomas a {
  color:#ccc2c2;
}
#idiomas a:hover {
  text-decoration:underline;
}
#sharethis-icon {
  display:inline-block;
  width:11px;
  height:11px;
  margin:0 4px;
  background:url(../img/sharethis.gif) no-repeat center center;
  vertical-align:middle;
}
#sharethis {
  display:none;
  position:absolute;
  top:40px;
  right:8px;
  width:200px;
  padding:8px 16px 4px 18px;
  background-color:white;
  border:1px solid #999;
  font-size:11px;
  line-height:17px;
}
#sharethis img {
  position:absolute;
  top:8px;
  right:12px;
}
#sharethis p {
  margin:10px 0 8px;
  padding-top:2px;
  font-weight:bold;
}
#sharethis-help {
  border-top:1px dotted #ccc;
  text-align:right;
}
#sharethis a {
  text-decoration:underline;
}
#facebook, #friendfeed, #delicious, #twitter, #linkedin, #myspace {
  display:inline-block;
  width:70px;
  padding:3px 0 2px 26px;
}
#facebook {
  background:url(../img/share-icons/facebook.gif) no-repeat 4px center;
}
#friendfeed {
  background:url(../img/share-icons/friendfeed.gif) no-repeat 4px center;
}
#delicious {
  background:url(../img/share-icons/delicious.gif) no-repeat 4px center;
}
#twitter {
  background:url(../img/share-icons/twitter.gif) no-repeat 4px center;
}
#linkedin {
  background:url(../img/share-icons/linkedin.gif) no-repeat 4px center;
}
#myspace {
  background:url(../img/share-icons/myspace.gif) no-repeat 4px center;
}

#contenido-extra p {
  padding:0 18px 0 18px;
  line-height:18px;
}
#lema1 {
  margin:1em 0 .25em 0;
  font-size:28px;
  line-height:28px !important;
  color:#5d5a5a;
}
#lema2 {
  margin:0 0 .9em 0;
  font-size:25px;
  line-height:25px !important;
  color:#c2033c;
}

/* Página 1: home */
#index #contenido {
  padding:0;
  height:622px;
}
#index #contenido img {
  display:none;
  position:absolute;
  top:0;
  left:0;
}

/* Página 2: apartamentos */
#galeria {
  margin:26px 0 0 11px;
}
#galeria #foto-grande {
  width:313px;
  height:209px;
}
#galeria #thumbnails {
  padding:6px 0;
  height:41px;
}
#galeria #thumbnails img {
  float:left;
  width:61px;
  height:41px;
  margin-right:2px;
}

/* Página 3: localización */
.transporte {
  margin:30px 0 0 28px;
  padding:6px 0 0 31px;
}
.transporte p, .transporte ul {
  padding-left:0 !important;
}
.transporte ul {
  margin:.75em 0;
}
.transporte a {
  text-decoration:underline;
}
#bus {
  background:url(../img/bus.gif) no-repeat top left;
}
#tren {
  background:url(../img/tren.gif) no-repeat top left;
}
#coche {
  background:url(../img/coche.gif) no-repeat top left;
}
#mapa-localizacion {
  margin:26px 0 0 9px;
  border-bottom:1px dotted #d4cfcf;
}

/* Página 4: contacto */
form#contacto {
  margin-top:40px;
}
form#contacto fieldset {
  padding-left:28px;
  margin:1em 0;
}
form#contacto fieldset.submit {
  padding-right:42px;
  text-align:right;
}
form#contacto h2 {
  color:#c2033c;
}
form#contacto label, form#contacto label a {
  vertical-align:top;
}
form#contacto label.text {
  display:inline-block;
  width:80px;
  padding-right:5px;
  text-align:right;
}
form#contacto input.text, form#contacto textarea {
  width:208px;
  vertical-align:top;
}
form#contacto input.text {
  height:15px;
  margin-bottom:10px;
  padding:2px;
  background:url(../img/contacto-input.gif) no-repeat;
  border:0;
  line-height:100%;
}
form#contacto input.submit {
  margin-top:1.5em;
}
form#contacto textarea {
  height:60px;
  padding:2px;
  background:#f7f7f7 url(../img/contacto-textarea.gif) no-repeat;
  border:0;
}
form#contacto a {
  font-weight:bold;
}
form#contacto a:hover {
  text-decoration:underline;
}
#msg-div {
  padding-left:28px;
  font-size:11px;
  color:red;
}
#msg-div strong {
  font-size:12px;
  color:green;
}
#img-contacto {
  margin:26px 0 0 9px;
}

#footer-wrapper {
  background:url(../img/borde-pie.gif) repeat-x top;
}
#footer {
  width:975px;
  height:60px;
  margin:0 auto;
  padding:26px 22px 0 8px;
  font-size:11px;
  line-height:20px;
  color:#a28787;
  text-align:right;
}
#footer p {
  margin:0;
}
#footer a {
  color:#a28787;
}
#footer a:hover {
  text-decoration:underline;
}
#footer-copyright {
  float:left;
}
#footer-menu {
  color:#665454;
}
#footer-menu a {
  font-weight:bold;
  color:#665454;
}

/* Estilos shadowbox */
#sb-title, #sb-title-inner {
  height:32px;
}
#sb-title-inner {
  font:18px Arial,sans-serif;
}
#sb-body {
  border:5px solid #ccc;
  padding:2px;
}
