/* 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;}
.mapa {width:790px; background-color:white; border-bottom:1px dotted #AAAAAA; padding-bottom:6px;}

/* 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
{
  margin-top:25px; 
  padding:4px 10px; 
  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.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, Helvetica, sans-serif; margin:0; margin-bottom:10px; }
.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;}

/* specific to IE5.5 and IE6 browsers */
/* .menuZones ul li a:hover ul { display:block;position:absolute;top:26px; t\op:25px; background:#aaa;left:0; marg\in-top:1px; }
.menuZones ul li a:hover ul.scroller { height:300px; overflow:auto; overflow-x:hidden; }
.menuZones ul li a:hover ul.endstop { left: -64px; }
.menuZones ul li a:hover ul li a { display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px; }
.menuZones ul li a:hover ul li a.drop { background:#888; padding-bottom:5px; }
.menuZones ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }
.menuZones ul li a:hover ul li a:hover { color:#ff0; background: #888; }
.menuZones ul li a:hover ul li a:hover.drop { background: #888; color:#ff0; }
.menuZones ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:153px; height:138px; width:152px; overflow:auto; background:#888; }
.menuZones ul li a:hover ul li a:hover ul.left { left:-152px; }
.menuZones ul li a:hover ul li a: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]-->












.dropdown { 
  cursor: pointer; 
  float: left;
  margin: 0 4px 0 0;
  height: 20px; 
  background: white; }

.dropdown * { 
  margin: 0px; 
  padding: 0px; }
  
.dropdown h3 { 
  border: 1px solid #FFF; 
  border-right-color: #808080; 
  border-bottom-color: #808080; 
  padding: 0 0 0 5px; 
  color: white; 
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  height: auto !important; height: 1%; /*For IE*/ 
  background: url(/img/bottom.gif) no-repeat; 
  background-position: center right; }

.dropdown ul { 
  margin-top: 2px; 
  border-top: 1px dotted #CCC;
  display: none; 
  position: absolute; 
  width: 115px; 
  background-color: #F0F0F0; 
  padding: 1px; }

.dropdown li { 	
  display: block !important; 
  padding: 2px; 
  border-right: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC; }

.dropdown a { 
  display: block; 
  font-size: 1em;
  font-family: Tahoma, sans-serif; 
  color:#0033AA;
  text-decoration: none; 
  border-bottom:none; }

.dropdown a:hover { 
  text-decoration: none; 
  background: #9B9B9B; 
  color: #FFF; }