body { margin: 0px; background: #FFF; }
div#header { position: absolute; top: 0px; left: 0px; width: 100%; margin: 0px auto;  }
h1 { width: 840px; margin: 0px; padding: 0px; text-align: right; font: normal 9px Arial, Helvetica, sans-serif; color: #28316C; }
table.resort { margin: 0px auto; width: 840px; }
td.top { width: 840px; height: 270px; background: url("pics/top.jpg") top center no-repeat #28316C; }
div#skiing { position: absolute; top: 250px; left: 0px; width: 100%; text-align: center; }
a.top { font: normal 14px Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 20px; }
a.top:link { color: #FFF; }
a.top:hover { color: #FCC; }
a.top:visited { color: #FFF; }
a.top:visited:hover { color: #FCC; }
div.date { width: 840px; text-align: right; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; color: #FFF; }
td.granada { padding: 10px; width: 640px; vertical-align: top; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; border-right: 1px solid #28316C; }
h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #051B81; margin-top: 0px; }
.destacado { font: bold 13px Arial, Helvetica, sans-serif; color: #851603; margin-top: 0px; }
.destacado2 { font: bold 12px Arial, Helvetica, sans-serif; color: #28316C; margin-top: 0px; }
td.granada a:link { color: #000066; }
td.granada a:hover { color: #718ABE; }
td.granada a:visited { color: #000066; }
td.granada a:visited:hover { color: #718ABE; }

td.guide { background: url("pics/skiing.jpg") bottom center no-repeat #038ACE; margin: 0px; padding: 0px; width: 170px; vertical-align: top; text-align: left; }
td.track { width: 170px; border-bottom: solid 1px #FFF; background: #038ACE; margin: 0px; padding: 0px; }
a.trail { display: block; padding: 5px; width: 160px; height: 20px; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFF;}
a.trail:link { background: #038ACE; }
a.trail:hover { background: #28316C; }
a.trail:visited { background: #038ACE; }
a.trail:visited:hover { background: #28316C; }
td.base { background: #051B81; text-align: center; height: 20px; vertical-align: middle; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; border-top: solid 1px #FFF; border-bottom: solid 10px #FFF; }
a.bottom { font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none; }
a.bottom:link { color: #fff; }
a.bottom:hover { color: #999; }
a.bottom:visited { color: #fff; }
a.bottom:visited:hover { color: #999; }

table.blue {text-align: right; border: 1px solid #D4E0EE; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF;}
table.blue th {text-align: right; border: 1px solid #D4E0EE; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF; padding: 4px;}
table.blue td {text-align: right; border: 1px solid #D4E0EE; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF; padding: 4px;}
caption {font: normal 9px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px;}
thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important;}
tbody th {font-weight: bold;}
tbody tr { background: #FCFDFE; }
tbody tr.odd { background: #F7F9FC; }
table.blue a:link {color:#000066;text-decoration: none;}
table.blue a:visited {color: #718ABE;text-decoration: none;}
table.blue a:hover {	color: #718ABE;	text-decoration: underline !important;}
tfoot th, tfoot td {font-size: 85%;}


table.red {text-align: right; border: 1px solid #D4E0EE; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF;}
table.red th {text-align: right; border: 1px solid #FFCCCC; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF; padding: 4px;}
table.red td {text-align: right; border: 1px solid #FFCCCC; border-collapse: collapse; font: normal 9px Arial, Helvetica, sans-serif; color: #FFFF; padding: 4px;}
table.blue a:link {color:#000066;text-decoration: none;}
table.red a:visited {color: #990000;text-decoration: none;}
table.red a:hover {	color: #990000;	text-decoration: underline !important;}
thead.red th {text-align: center;background: #990000;color: #990000;font-size: 100% !important;}