/* CSS Document */

/* common styling */
.container {width:695px; background:#fff  url(hide_seek.jpg); margin:50px auto; padding:10px; border:1px solid #000;}

.menu {
 font-family:Arial, Helvetica, sans-serif;
  width:131px;
    position:relative; 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F5F5F5;
	text-decoration:none;
	font-weight: bolder;
	letter-spacing: -1px;
	}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
width:120px; 
border:1px solid #ccc; 
border-width:1px 1px 0 0; 
background:url(../imatges/submenu.png) transparent;  
line-height:20px; 
font-size:16px; 
padding: 5px 0 5px 10px;
}


.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#333;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:url(../imatges/submenu.png) transparent; color:#fff; width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:#333; color:#fff;}