html {height: 100%}

body {
  font-size: 83%;
}

table {
  font-size: 100%;
}

.page-header {padding: 8px 5px 0 8px}
.page-header-shadow {background-color: #666666;}
.page-header-box {
  height:65px;
  text-align: center;
  background: white url(/imgs/tiraImatges2.jpg) repeat-x 300px bottom;
  overflow: hidden;
  position: relative;
  top: -3px;
  left: -3px;
  border: 1px solid grey;
}
.page-header-title-bg {
  height: 65px;
  text-align: center;
  background: url(/imgs/tiraCurta.jpg) no-repeat left bottom;
}
.page-header-title {
  height: 65px;
  width: 300px;
  display: block;
  background: url(/imgs/titol1.png) no-repeat left top;
}
.page-header-menu {
  float: right;
  padding-top: 2px;
}

.excursion-page {
  clear: both;
  text-align: center;
  width: 100%;
  margin-top: 1em;
}

.excursion-page hr {
	width: 50%;
	margin: 1em auto;
}

.cos {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
}

.mapLabel {
  color: black;
  font-size: 0.9em;
  white-space: nowrap;
  padding: 0px 1px;
  background-color: white;
  border: 1px solid black;
}

.mapLabelHover {
  font-weight: bold;
}

.mapLabelHoverParent {
  z-index: 100;
}

#map {overflow: hidden}
.mapsMenuControl {
  border: 1px solid black;
  background-color: white;
  font-size: 83%;
  color: black;
  vertical-align: middle;
  cursor: pointer;
  padding: 1px
}

.mapsMenu {
  border: 1px solid black;
  background-color: white;
  font-size: 83%;
  color: black;
  text-align: left;
  vertical-align: middle;
  padding-right: 2px;
}

.fakeLink {cursor: pointer; color: blue; text-decoration: underline}
.tipusEscursio {margin-left: 6px; margin-right: 3px}
.areaMapa {color: blue; text-decoration: underline; cursor: pointer; display: block}
.excTitleLink {font-weight: bold;}
.actionerror {text-align: center;}
.actionerror ul {border: 1px solid red; color: red; background-color: #FFEEEE; list-style: none; text-align: justify;}
.link {padding: 1px 0; color: black; text-decoration: none; background: transparent url('/imgs/rope.gif') repeat-x bottom;} 
.link:hover {color: #cc0000; background: transparent url('/imgs/rope2.gif') repeat-x bottom;} 
.linkButton {font-size: 83%; border: 1px outset #BBAAAA; background-color: #BB8888; padding: 2px 4px; color: black; text-decoration: none;} 
.linkButton:hover {color: red; background-color: #BBAAAA; border-color: #BB8888; text-decoration: none}

.hmenu .menuitem {vertical-align: middle; font-size: 85%; border-left: 1px solid black; padding: 1px 4px 1px 4px;}
.hmenu a {color: blue}
.hmenu a:visited {color: blue}
.hmenu a:hover {color: #AA0000}
.hmenu .welcome {border: 0px; }

.vmenu {margin: 0px; padding: 0px; list-style: none; width: 100%; font-size: 90%}
.vmenu .menuitem {font-weight: bold; border-bottom: 1px solid grey}
.vmenu .hitem {border-bottom: 0; width: 13%; border-right: 1px solid grey}
.vmenu .separator {}
.menuimg {border: 0; vertical-align: text-bottom}
.menulink {display: block; padding: 3px 0; color: black; text-decoration: none;} 
.menulink:hover {text-decoration: underline; color: red; background-color: #c3d0e0}
.menusearch {width: 11em;}
.menugroup {background: #b3c0d0; border: 1px solid grey; margin: 0; padding: 0; list-style: none; position: relative; top: -3px; left: -3px}
.menugroupshade {background-color: #666666; border: 0; margin: 1ex;}

.highMountain {background-color: #BFBF00}
.highMountain:hover {background-color: #D9D900}
.climbing {background-color: #F0B500}
.climbing:hover {background-color: #FFD659}
.viaFerrata {background-color: #7CBB3E}
.viaFerrata:hover {background-color: #BCDE9A}
.trekking {background-color: #EC7600}
.trekking:hover {background-color: #FFBB77}
.babies {background-color: #9966FF}
.babies:hover {background-color: #D6C4FF}
.crestes {background-color: #91c8c8}
.crestes:hover {background-color: #D1E9E9}
.bicycle {background-color: #FF5353}
.bicycle:hover {background-color: #FFC1C1}

.home-left-menu {position: absolute; left: 0; width: 320px}
.home-left-menuitem {margin-left: 1px; font-size: 120%; font-family: 'comic Sans MS', cursive; line-height: 40px;text-align: center; display: block; background-position: 2px 0; background-repeat: no-repeat; padding-left: 150px; height: 43px}
.home-left-menuitem-descr {text-align: center; font-weight: normal; margin: 0 2px; display: block; background-color: #ffffff; padding: 1ex; border: 1px solid grey}

.home-map {margin: 1ex; background-color: white; height: 400px; border: 2px inset black}
.home-author {clear: both; text-align: left; font-size: 83%; margin-top: 1ex}

.translate {background-color: white; border: 1px solid grey; padding: 0;}
.translate .translatecell {font-size: 85%; padding: 0 4px; margin: 0;}
.translate .translatecell .translatetitle {text-decoration: none; color: #444444; font-weight: bold}

.shadowed-text {overflow: hidden; position: relative; height: 1.55em; font-size: 1.55em; white-space: nowrap;}
.shadowed-text .text-front {position: relative; top: -1.55em; left:0px}
.shadowed-text .text-shadow {position: relative; top: -1px; left:2px; color: #888888;}

.taula {font-family: "Times New Roman", Times, serif; font-size: 85%; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 0px; border-right: 0px}
.taula thead {background-color: #8888FF}
.taula .cell {padding: 4px; border-bottom: 1px solid black; border-right: 1px solid black}
.taula th {padding: 4px; border-bottom: 1px solid black; border-right: 1px solid black}

.tabSelected {padding-bottom: 1px; display:inline; border:1px solid black; border-bottom: 0px; border-left: 0px; background-color: #EEEEFF; z-index: 2}
.tabSelected a{color: black; text-decoration: none}
.tab {padding-bottom: 1px; display:inline; border:1px solid black; border-bottom: 0px; border-left: 0px; background-color: #CCCCDD; z-index: 0}
.tab a{color: gray; text-decoration: none}

.linkslist {margin: 0px; padding: 10px 20px 20px 10px; list-style: none; }
.linkstitle {color: #FFFFFF; width: 100%; text-align: center; font-weight: bold; background-color: #E55B14}
.linkslink {line-height: 1.5em; color: black; text-decoration: none; font-weight: bold}
.linkslink:hover {color: #CC0000; text-decoration: underline;}

.photoscolor {background-color: #B3C0D0}
.photosimg {margin: 0px; border: 2px solid black; padding: 4px;}
.photoslink {line-height: 1.5em; font-weight: bold}
.photosbacklink {line-height: 1.5em; color:#003300; font-weight: bold}

.propobox {background-color: #cccc66; color: #003300; padding: 1ex; }
.proposubtitle {font-family: "comic Sans MS",cursive;}
.propodesc {color: #003300; font-weight: bold; font-style: italic;}
.propoextitle {font-size: 133%; font-weight: bold;}
.propoexsubtitle {font-style: italic; font-weight: bold}
.propoexzone {font-size: 116%; font-weight: bold}
.propoimg {margin-bottom: 6px; border: 3px solid black; padding: 2px; background-color: #efefbd;}

.lastbox {background-color: #b3c0d0; color: #003300; margin-left: 1ex;}
.latestMargin {margin-left: 20px}
.latestNone {vertical-align: top; font-size: 83%; color: black;}
.latestLink {margin-bottom: 10px; font-style: normal; font-size: 93%}

.visitedbox {background-color: #b3c0d0; color: #003300; margin-right: 1ex;}

.authorsStats {margin: 6px auto; border: 1px solid #CC9966;}
.authorsStats .header {margin: auto; background-color: #CC9966;}
.authorsStats th {padding: 3px 6px; border-width: 0px 0px 0px 1px; border-color: #e7e7b5; border-style: solid;}
.authorsStats .thfirst {padding: 4px; border-left-width: 0px}
.authorsStats td {padding: 2px 6px; text-align: center; font-size: 90%}
.authorsStats .tdfirst {text-align: left}
.authorsStats .odd {background-color: #f6f6c4}
.authorsStats .odd td {border-top: 1px solid #f6f6c4}
.authorsStats .even {background-color: #e7e7b5}
.authorsStats .even td {border-top: 1px solid #e7e7b5}

#photo_infowin {
  display: block;
  margin: 3px 0 0 0;
}
#infowin p {
  margin: 0;
  font-size: 80%;
}
#infowin p.photo_title {
  font-size: 100%;
}

.topLeftCorner {background-image: url("../imgs/border/tl.gif"); background-position: top left; background-repeat: no-repeat;}
.topRightCorner {background-image: url("../imgs/border/tr.gif"); background-position: top right; background-repeat: no-repeat;}
.bottomLeftCorner {background-image: url("../imgs/border/bl.gif"); background-position: bottom left; background-repeat: no-repeat;}
.bottomRightCorner {background-image: url("../imgs/border/br.gif"); background-position: bottom right; background-repeat: no-repeat;}

.pagination {float: right; padding: 4px;}
.pagination .button {display: inline; border: 1px outset rgb(204, 153, 102); padding: 2px; margin: 0 2px;}
.pagination .button a {color: black; text-decoration: none;}
.pagination .nobutton {display: inline; border: 1px solid #444444 ;padding: 2px; margin: 0 2px;}
.pagination .nobutton a {color: #444444; cursor: default; text-decoration: none;}
.pagination .data {background-color: #EEEEEE; padding: 2px; border: 1px solid black; display: inline}
.pagination .message {margin: 0 4px; display: inline;}

.order {float: left; padding: 4px 1ex 4px 4px}

.weatherCell {
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 0px 4px;
}

.subTypes {width: 100%; border: 0; margin-bottom: 1em;}