/* Text viatges */
.marca {color:#008000;margin-right:5px;}
.autor {color:#824100;}
.any {color:#8F8F8F; font-size:0.8em;}
.idioma {position:absolute; right:18px; text-align:right; font-size:7pt; color:#8F8F8F;}

/* Viatges: relat capçalera 1*/
div.vr1
{
	background-color:#ffecc6;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding:4px;
	color:#824100;
}

/* Viatges: relat capçalera 2*/
div.vr2
{
	background-color:#ffeedd;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding:4px;
	color:#824100;
}

div.caixaOrdena
{
	padding:4px 10px; 
	margin-bottom:20px;
	border:1px dotted #797900;
	background-color:#EAEAD5;
}

div.caixaOrdena DIV
{
	padding:0 30px;
	display:inline;
}

div.caixaOrdena IMG
{
	vertical-align:bottom;
	margin-right:4px;
}

div.cosMapa
{
	margin-top:8px;
	margin-bottom:8px;
}

div.caixaMapa
{
	float:left;
	padding:8px;
	border:1px dotted #0080C0;
	background-color:#B7DBFF;
}

div.caixaText
{
	float:right;
	width:420px;
	height:200px;
	padding:4px 8px;
	border:1px dashed #8C8C8C;
}

div.relatsAcum
{
	background-color:#E6E6E6;
	text-align:right; 
	padding:2px 5px;
}

div.relatsStats
{
	background-color:#F9F2F2;
	text-align:center;
	padding:5px;
}

/* Menú vertical de zones/països */
.menuZones {float:left; width:100%; font-weight:bold; font-size:0.9em; font-family:Verdana, Arial; background-color:#F9F2F2;}
.menuZones a {border:0;outline:0;margin:0;padding:0;}
.menuZones ul { padding:0;margin:0;list-style-type:none; }
.menuZones ul li { float:left; position:relative;  margin-right:4px; }
.menuZones ul li.group {display:block; text-indent:8px; background:#666; color:white; width:136px;  padding:4px 0; }
.menuZones ul li a, .menuZones ul li a:visited { float:left; display:block; text-decoration:none; font-weight:bold; color:white; padding:0px 20px 0px 8px; line-height:22px; height:22px; background:url(/img/bottom.gif) center right no-repeat; border-bottom:1px dotted white;}
.menuZones ul li:hover {width:auto; }
.menuZones ul li a:hover {background:#4F4F4F; color:white; }
.menuZones ul li:hover a {background:#4F4F4F; color:white; }
.menuZones ul li ul { display: none;  border-top:1px solid white;  }
.menuZones table { margin:0; border-collapse:collapse; position:absolute; top:0; left:0; font:1em Tahoma, sans-serif; }

/* specific to non IE browsers */
.menuZones ul li:hover ul { display:block; position:absolute; top:22px; background:#aaa; margin-top:1px; left:0; width:136px; }
.menuZones ul li:hover ul.scroller { height:265px; width:156px; overflow:auto; overflow-x:hidden;}
.menuZones ul li:hover ul.endstop { left:-64px; }
.menuZones ul li:hover ul li ul { display: none; }
.menuZones ul li:hover ul li a { display:block; background:#aaa; color:#fff;height:auto;line-height:13px;padding:4px 8px; width:122px; font:normal 1.1em Tahoma, Arial, sans-serif; }
.menuZones ul li:hover ul li a.drop { background:#888; }
.menuZones ul li:hover ul li a:hover { color:#FFB56A; background: #888; }
.menuZones ul li:hover ul li a:hover.drop { background: #888; color:#ff0; }
.menuZones ul li:hover ul li:hover ul { display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; overflow:auto; background:#888; }
.menuZones ul li:hover ul li:hover ul li a {background:#888;}
.menuZones ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}
.menuZones ul li:hover ul li:hover ul.left { left:-172px; }
.menuZones ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}

.left {clear:both;}

<!--[if lte IE 7]>
/* not validating css */
.menuZones
{
  scrollbar-face-color:#ddd;
  scrollbar-arrow-color:#000;
  scrollbar-track-color:#aaa;
  scrollbar-shadow-color:#ddd;
  scrollbar-highlight-color:#eee;
  scrollbar-3dlight-color:#eee;
  scrollbar-darkshadow-Color:#ddd;
}
<![endif]-->