@media screen
{
  html {
    min-width:810px;
    }

  body {
    color:#804000;
    font-family:"Trebuchet MS","DejaVu LGC Sans Condensed","Nimbus Sans L","Bitstream Vera Sans",sans-serif;
    margin:150px 10px 0px 210px;
    padding:0px;
    border:0px;
    background-color:#fff4e2;
    background-image:url('img/toc-background.jpg');
    background-repeat:repeat-y;
    background-position:top left;
    min-width:590px;
    }

  div#header {
    position:fixed;
    z-index:4;
    top:0px;
    left:210px;
    right:10px;
    height:150px;
    min-width:590px;
    text-align:center;
    margin:0px;
    padding:0px;
    border:0px;
    background-image:url('/img/headerbackground.png');
    background-repeat:repeat-x;
  }

  div#headerfront {
    position:fixed;
    top:25px;
    left:210px;
    right:10px;
    height:99px;
    min-width:590px;
    z-index:5;
    text-align:center;
    margin:0px;
    border:0px none;
    padding:0px;
    background-image:url('/img/header.png');
    background-repeat:no-repeat;
    background-position:center top;
  }

  div#printheader { position:absolute; visibility:hidden; }

  div#corner {
    position:fixed;
    left:0px;
    top:25px;
    z-index:5;
    width:200px;
    height:99px;
    margin:0px;
    padding:0px;
    border:0px;
    }

  div#toc {
    position:fixed;
    background-color:#fff4e2;
    background-image:url('img/toc-background.jpg');
    background-repeat:repeat-y;
    background-position:top left;
    left:0px;
    top:0px;
    bottom:0px;
    z-index:3;
    width:200px;
    height:100%;
    margin:0px 0px 0px 0px;
    padding:150px 0px 5px 0px;
    border:0px;
    color:#804000;
  }

  div#chooselang {
    position:fixed;
    right:10px;
    top:0px;
    z-index:5;
    margin:0px;
    padding:0px;
    border:0px;
    font-size:small;
    font-weight:normal;
    font-style:normal;
    }

  div#chooselang em, div#chooselang a {
    padding:0px;
    margin:0px 0px 0px 1.2em;
    border:0px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    }
  div#chooselang em { color:#fbbd74; }
  div#chooselang a { color:#804000; }
  div#chooselang a:hover { text-decoration:underline; }
    

  div#tocbottom {
    position:fixed;
    z-index:4;
    left:65px;
    bottom:10px;
    width:125px;
    font-size:small;
    font-weight:normal;
    font-style:normal;
  }
  div#tocbottom a { text-decoration:none; }
  div#tocbottom img {
    display:block;
    margin:0px;
    border:0px none;
    padding:0px;
    }

    
  div#main {
    margin:0px;
    width:100%;
    padding:0px;
    }

  * html div#header { position:absolute; width:100%; }
  * html div#headerfront { position:absolute; width:100%; }
  * html div#toc { position:absolute; }
  * html div#tocbottom { position:absolute; }
  * html div#corner { position:absolute; }
  * html div#chooselang { position:absolute; }

  table.columns {
    border-collapse:collapse;
    margin:0px 0px 1em 0px;
    border:0px none;
    padding:0px;
    width:100%;
    }
  table.columns th { /* first column */
    font-weight:normal;
    vertical-align:top;
    border:0px;
    padding:0px;
    }
  table.columns td { /* all other columns */
    vertical-align:top;
    border:0px;
    padding:0px 0px 0px 1em;
    }
  td.right { text-align:right; }

  h1 {
    text-align:left;
    font-size:x-large;
    margin:0em 0px 0.5em 0px;
    }

  h2 {
    text-align:left;
    font-size:x-large;
    margin:1.5em 0px 0.5em 0px;
    }

  h3 {
    text-align:left;
    font-size:medium;
    font-weight:bold;
    margin:1.5em 0px 0.5em 0px;
    }

  p {
    text-align:justify;
    margin:0px 0px 1em 0px;
    padding:0px;
    }

  p.none {
    margin:0px;
    padding:0px;
    border:0px;
    }

  p.separator {
    margin-top:0.2em;
    border-top:1px solid #804000;
    padding:0px;
    font-size:xx-small;
    }

  p.buttons { margin-top:2em; }

  p.left {
    text-align:left;
    }

  p.comment {
    margin:0px 0px 0.5em 0px;
    }

  p.error {
    font-weight:bold;
    color:red;
    }

  p.guest {
    font-style:italic;
    padding:0px 0px 0.5em 1em;
    border-bottom:1px solid #fbbd74;
    margin:0.5em 0px 0.5em 0px;
    }

  p.guestlast {
    font-style:italic;
    padding:0px 0px 0.5em 1em;
    border:0px;
    margin:0.5em 0px 0.5em 0px;
    }

  p.guestbookfilter {
    margin:0px 0px 0.5em 0px;
    border:0px;
    border-bottom:2px solid #804000;
    padding:0px 0px 0.5em 0px;
    }

  a {
    color:#804000;
    text-decoration:underline;
    /* border-bottom:1px dotted #804000; */
    }

  a:hover {
    color:#804000;
    /* border-bottom:1px solid #804000; */
    }

  img { border:0px; }
  
  img#plan {
    margin:2em auto 2em auto;
    padding:0px;
    display:block;
    }

  img.left {
    float:left;
    clear:both;
    margin:20px 30px 20px 0px;
    padding:0px;
    }

  img.topleft {
    float:left;
    clear:both;
    margin:0px 30px 20px 0px;
    padding:0px;
    }

  img.right {
    float:right;
    clear:both;
    margin:20px 0px 20px 30px;
    padding:0px;
    }

  img.topright {
    float:right;
    clear:both;
    margin:0px 0px 20px 30px;
    padding:0px;
    }

  .nomargin { margin:0px; }

  div#toc p {
    font-weight:bold;
    font-size:small;
    text-align:left;
    width:200px;
    margin:0px 0px 3em 0px;
    }


  div#toc img {
    border:0px;
    padding:0px;
    margin:0px;
    }

  div#toc a, div#chooselang a {
    color:#804000;
    text-decoration:none;
    border:0px;
    }

  div#toc a:hover, div#chooselang a:hover {
    color:#804000;
    text-decoration:none;
    border:0px;
    }

  div#toc ul, div#chooselang ul {
    margin:0px 0px 0px 8px;
    padding-left:16px;
    font-weight:bold;
    font-size:small;
    text-align:left;
    width:170px;
    }

  div#toc li, div#chooselang li {
    list-style-image:url('img/marker-brown.png');
    list-style-type:square;
    margin-bottom:1em;
    }

  div#toc li.selected {
    list-style-image:url('img/marker-orange.png');
    list-style-type:square;
    }

  p#footer, table#footer {
    clear:both;
    text-align:left;
    width:100%;
    border:0px;
    margin:0px;
    font-size:small;
    color:#804000;
    background-color:#fbbd74;
    }

  p.nobreak { white-space:nowrap; }

  table#footer td.first { text-align:left; vertical-align:bottom; padding:0px 1em 0px 4px; }
  table#footer td.last { text-align:right; vertical-align:bottom; padding:0px 4px 0px 1em; }

  #footer a {
    color:#804000;
    text-decoration:none;
    }

  #footer a:hover {
    text-decoration:underline;
    }

  /* Table for three categories on the art page */
  table.arttext {
    border:0px none;
    padding:0px;
    border-collapse:collapse;
    margin:0px 0px 1em 0px;
    }

  table.arttext th, table.arttext td {
    vertical-align:top;
    text-align:left;
    font-weight:normal;
    font-style:normal;
    padding:0px 1em 1em 0px;
    border:0px none;
    }
  table.arttext th { padding:0px 1em 1em 0px; white-space:nowrap; }
  table.arttext td { padding:0px 0px 1em 0px; }
  table.arttext ul {
    margin:0px;
    padding:0px;
    }
  table.arttext li {
    margin-left:1em;
    }

  /* Table for listing data */
  table.data {
    border:2px solid #804000;
    border-collapse:collapse;
    margin:0px 0px 1em 0px;
    width:100%;
    }

  table.data td {
    padding:1px 5px 1px 1em;
    text-align:center;
    white-space:nowrap;
    }
    
  table.data th {
    font-weight:normal;
    text-align:left;
    padding:1px 5px 1px 5px;
    white-space:nowrap;
    }

  table.data tr.header th, table tr.header td {
    background-color:#804000;
    color:#fff4e2;
    font-weight:bold;
    }


  table.images590 {
    border:0px;
    margin:0px auto 20px auto;
    padding:0px;
    border-collapse:collapse;
    }

  table.images590 th {
    font-weight:normal;
    border:0px;
    margin:0px;
    padding:0px;
    text-align:left;
    }

  table.images590 td {
    font-weight:normal;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    text-align:right;
    }

  table.images590 th.top, table.images590 td.top {
    vertical-align:top;
    }
    
  table.note {
    font-weight:normal;
    font-size:small;
    vertical-align:top;
    }

  blockquote.guestbook {
    font-family:"Viner Hand ITC","Segoe Script","Freestyle Script","Papyrus","URW Chancery L","Comic Sans MS",cursive;
    font-style:italic;
    border-bottom:2px solid #804000;
    margin:0.5em 0px 0.5em 0px;
    padding:0px 2em 0.5em 2em;
    }

  .showhover { visibility:hidden; }

  iframe.weather {
    margin:1em 0px 0.5em 0px;
    border-width:1px 0px 1px 0px;
    border-color:#804000;
    background-color:#fff4e2;
    padding:0px;
    width:100%;
    height:1200px;
    overflow:hidden;
    }

  div.qphotos {
    margin:1em 0px 1em 0px;
    border:0px none;
    padding:0px;
    width:100%;
    overflow:hidden;
    }

  div.qphotos table {
    margin:0px;
    border:0px none;
    padding:0px;
    border-collapse:collapse;
    }

  div.qphotos td {
    border:0px none;
    padding:0px 15px 0px 0px;
    color:#804000;
    background-color:#fff4e2;
    text-align:center;
    vertical-align:middle;
    }
  div.qphotos td.breakfastroom, 
  div.qphotos td.patio, 
  div.qphotos td.la-roja, 
  div.qphotos td.la-morada,
  div.qphotos td.la-azul,
  div.qphotos td.la-verde,
  div.qphotos td.la-celeste {
    width:13em;
    max-width:400px;
    height:360px;
    padding:5px 25px 5px 10px;
    color:white;
    background-position:center right;
    background-repeat:no-repeat;
    }
  div.qphotos td.breakfastroom { color:black; background-image:url('/img/bg-breakfastroom.jpg'); }
  div.qphotos td.patio { background-image:url('/img/bg-patio.jpg'); }
  div.qphotos td.la-morada { background-image:url('/img/bg-la-morada.jpg'); }
  div.qphotos td.la-verde { background-image:url('/img/bg-la-verde.jpg'); }
  div.qphotos td.la-azul { background-image:url('/img/bg-la-azul.jpg'); }
  div.qphotos td.la-roja { background-image:url('/img/bg-la-roja.jpg'); }
  div.qphotos td.la-celeste { background-image:url('/img/bg-la-celeste.jpg'); width:19em; }

  div.qphotos td div {
    width:13em;
    max-width:400px;
    max-height:360px;
    margin:0px;
    border:0px none;
    padding:0px;
    vertical-align:top;
    text-align:center;
    overflow:hidden;
    }
  div.qphotos td.la-celeste div { width:19em; }

  div.qphotos img {
    display:block;
    margin:0px;
    padding:0px;
    border:0px none;
    }

  div#photos_right {
    margin:0px 0px 1em 1em;
    border:0px;
    padding:0px;
    text-align:right;
    float:right;
    }
  div#photos_right div#photos {
    margin:0px;
    /* border:1px solid #804000; */
    border:0px;
    overflow:hidden;
    width:400px;
    height:300px;
    }
  div#photos_right table {
    margin:0px;
    border:0px none;
    padding:0px;
    border-collapse:collapse;
    }
  div#photos_right td {
    border:0px none;
    padding:0px 1em 0px 0px;
    color:#804000;
    width:400px;
    min-width:400px;
    min-height:400px;
    height:300px;
    text-align:right;
    }

  form.inline {
    display:inline;
    margin:0px;
    border:0px none;
    padding:0px;
    }

  button.qphoto {
    margin:0px 0px 0px 2px;
    padding:0px 4px 0px 4px;
    vertical-align:middle;
  }
  * html button.qphoto { /* IE6 hack for non-transparent PNG images. */
    background-color:#e0e0e0;
    }

  form.inline button.qphoto {
    margin:0px 2px 0px 0px;
    }

  button.qphoto img {
    display:block;
    margin:0px;
    }
}

@media print
{
  body {
    color:black;
    font-family:"Trebuchet MS","DejaVu LGC Sans Condensed","Nimbus Sans L","Bitstream Vera Sans",sans-serif;
    margin:10px 10px 0px 10px;
    padding:0px;
    border:0px;
    }

  div#printheader {
    position:static;
    visibility:visible;
    margin:0px 0px 2em 0px;
    padding:0px;
    border:0px none;
    text-align:center;
    background-color:#fff4e2;
  }

  div#printheader img {
    display:block;
    margin:0px auto 0px auto;
    border:0px none;
    padding:0px;
    }

  div#main {
    margin:0px;
    padding:0px;
    }

  div#header { display:none; }
  div#headerfront { display:none; }
  div#corner { display:none; }
  div#toc { display:none; }
  div#tocbottom { display:none; }
  div#chooselang { display:none; }

  * html div#header { position:absolute; }
  * html div#headerfront { position:absolute; }
  * html div#toc { position:absolute; }
  * html div#tocbottom { position:absolute; }
  * html div#corner { position:absolute; }
  * html div#chooselang { position:absolute; }

  table.columns {
    border-collapse:collapse;
    margin:0px 0px 1em 0px;
    border:0px none;
    padding:0px;
    width:100%;
    }
  table.columns th { /* first column */
    font-weight:normal;
    vertical-align:top;
    border:0px;
    padding:0px;
    }
  table.columns td { /* all other columns */
    vertical-align:top;
    border:0px;
    padding:0px 0px 0px 1em;
    }
  td.right { text-align:right; }

  h1 {
    text-align:left;
    font-size:x-large;
    margin:0.5em 0px 0.5em 0px;
    }

  p {
    text-align:justify;
    margin:0px 0px 1em 0px;
    padding:0px;
    }

  p.none {
    margin:0px;
    padding:0px;
    border:0px;
    }

  p.buttons { position:absolute; visibility:hidden; }
  button { position:absolute; visibility:hidden; }

  a {
    color:black;
    text-decoration:none;
    /* border-bottom:1px dotted #804000; */
    }

  a:hover {
    color:black;
    /* border-bottom:1px solid #804000; */
    }

  img { border:0px; }

  img.left {
    float:left;
    margin:20px 30px 20px 0px;
    clear:both;
    }

  img.topleft {
    float:left;
    margin:0px 30px 20px 0px;
    clear:both;
    }

  img.right {
    float:right;
    margin:20px 0px 20px 30px;
    clear:both;
    }

  img.topright {
    float:right;
    margin:0px 0px 20px 30px;
    clear:both;
    }

  p.comment {
    margin:0px 0px 0.5em 0px;
    }

  p.guest {
    font-style:italic;
    padding:0px 0px 0.5em 1em;
    border-bottom:1px solid silver;
    margin:0.5em 0px 0.5em 0px;
    }

  p.guestlast {
    font-style:italic;
    padding:0px 0px 0.5em 1em;
    border:0px;
    margin:0.5em 0px 0.5em 0px;
    }

  .nomargin { margin:0px; }

  p.nobreak { white-space:nowrap; }

  p#footer, table#footer {
    clear:both;
    text-align:left;
    border:0px;
    border-top:1px solid gray;
    margin:0px;
    width:100%;
    font-size:small;
    color:black;
    background-color:white;
    }

  table#footer td.first { text-align:left; padding:0px 10px 0px 4px; }
  table#footer td.last { text-align:right; padding:0px 4px 0px 1em; }

  #footer a {
    color:black;
    text-decoration:none;
    }

  #footer a:hover {
    text-decoration:none;
    }

  * html table#footer td.last { padding-right:20px; }

  table.data {
    border:2px solid black;
    border-collapse:collapse;
    margin:0px 0px 1em 0px;
    width:100%;
    }

  * html div.data { width:90%; }

  table.data td {
    padding:1px 5px 1px 1em;
    text-align:center;
    }
    
  table.data th {
    font-weight:normal;
    text-align:left;
    padding:1px 5px 1px 5px;
    }

  table.data tr.header th, table tr.header td {
    background-color:black;
    color:white;
    font-weight:bold;
    }


  table.images590 {
    border:0px;
    margin:0px auto 20px auto;
    padding:0px;
    border-collapse:collapse;
    }

  table.images590 th {
    font-weight:normal;
    border:0px;
    margin:0px;
    padding:0px;
    text-align:left;
    }

  table.images590 td {
    font-weight:normal;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    text-align:right;
    }

  table.images590 th.top, table.images590 td.top {
    vertical-align:top;
    }
    
  * html table.images590 td { padding-right:20px; }

  table .note { font-weight:normal; font-size:small; }

  .showhover { visibility:hidden; }
}

table.tabs {
  border-collapse:collapse;
  margin:0px;
  border:0px none;
  padding:0px;
  }

table.tabs th, table.tabs td {
  text-align:left;
  vertical-align:top;
  padding:0px 1em 0px 0px;
  border:0px none;
  }

/* Table for displaying an image alongside few text: offer pages */
table.imageblock {
  border-collapse:collapse;
  margin:1em 0px 0px 0px;
  border:0px none;
  padding:0px;
  }

table.imageblock h2 {
  margin-top:0px;
  }

table.imageblock td {
  border:0px none;
  padding:0px;
  vertical-align:top;
  }

table.imageblock img {
  margin:0px;
  border:0px none;
  padding:0px;
  }

table.imageblock img.left {
  margin-right:2em;
  }

table.imageblock img.right {
  margin-left:2em;
  }


/* sup is on top of sub; no margin in between */
h2.sup {
  font-size:x-large;
  margin-bottom:0px;
  padding-bottom:0px;
  }

h2.sub {
  margin-top:0px;
  margin-bottom:1em;
  padding-top:0px;
  font-size:medium;
  }

span.oldprice {
  color:gray;
  font-weight:bold;
  text-decoration:line-through;
  }

span.offer {
  color:#f78009;
  }

span.offermenu {
  color:#f78009;
  text-decoration:blink;
  }