@charset "utf-8";
* {
	margin:0px;
	padding:0px;
}
body {

}


#barra {
	width:654px;
	height:30px;
	margin:0px auto 0px auto;
}
#barra ul {
	list-style-type:none;
}
#barra li {
	float:left;
}
#barra span {
	display:none;
}
ul#navmenu-h {
  margin: 0;
  border: 0;
  padding: 0;
  width: 654px; 
  list-style: none;
  height: 30px;
}
ul#navmenu-h li {
  margin: 0;
  border: 0;
  padding: 0;
  float: left; 
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
  
}

/*AQUÍ ESTÀ LA CLAU*/
ul#navmenu-h ul {
  margin: 0;
  border: 0;
  padding: 0;
  width: auto;
  list-style: none;
  display: none; 
  position: absolute;
  top: 30px;
  left: 0;
  
  
}

ul#navmenu-h ul:after /*From IE 7*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: auto;
  padding: 5px 0px 0px 5px;
  float: left; /*Per IE 7*/
  display: block !important;
  display: inline; /*Per IE*/
  
}

/* Caracterítiques menú superior (a)*/



/* Desplegable 2 (a) */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {font-family:Arial, Helvetica, sans-serif; background-image:none; padding-left:5px; float: none; background-color: #CDB424;color: #000;border:0px solid #fff;font-weight:normal;font-size:12px;text-decoration:none;}

/* Desplegable 2(a:hover) */
ul#navmenu-h li:hover ul,
ul#navmenu-h li.iehover ul {background-color:#CDB424;border-top:4px solid #FEDD90;}

ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {background-color: #CDB424;color: #000;text-decoration:underline;}

/* 3r Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {background-color: #fff;color: #000000;}

/* 3rMenu Hover Persistent */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {background-color: #fff;color: #000;}

/* 4t Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {background-color: #EEE; color: #666;}

/* 4t Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {background-color: #fff;color: #000;}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {display: none;position: absolute;top: 0;left: auto;} /*posició del tercer desplegable*/

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {display: none;}



ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {display: block;}
#casa a {
	background-image: url(../imatges/house_ANG.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	display:block;
	width:110px;
	height:30px;
}
#casa a:hover {
	background-image: url(../imatges/house_ANG.jpg);
	background-repeat:no-repeat;
	background-position:0 -30px;
	display:block;
	width:110px;
	height:30px;
}
#exterior a {
	background-image: url(../imatges/outside_ANG.jpg);
	background-position:0 0px;
	display:block;
	width:108px;
	height:30px;
}
#exterior a:hover {
	background-image: url(../imatges/outside_ANG.jpg);
	background-position:0 -30px;
	display:block;
	width:108px;
	height:30px;
}
#activitats a {
	background-image: url(../imatges/activities_ANG.jpg);
	background-position:0 0px;
	display:block;
	width:109px;
	height:30px;
}
#activitats a:hover {
	background-image: url(../imatges/activities_ANG.jpg);
	background-position:0 -30px;
	display:block;
	width:109px;
	height:30px;
}
#reserves a {
	background-image: url(../imatges/bookings_ANG.jpg);
	background-position:0 0px;
	display:block;
	width:105px;
	height:30px;
}
#reserves a:hover {
	background-image: url(../imatges/bookings_ANG.jpg);
	background-position:0 -30px;
	display:block;
	width:105px;
	height:30px;
}
#onsom a {
	background-image: url(../imatges/howto_ANG.jpg);
	background-position:0 0px;
	display:block;
	width:114px;
	height:30px;
}
#onsom a:hover {
	background-image:url(../imatges/howto_ANG.jpg);
	background-position:0 -30px;
	display:block;
	width:114px;
	height:30px;
}
#contacte a {
	background-image: url(../imatges/contact_ANG.jpg);
	background-position:0 0px;
	display:block;
	width:108px;
	height:30px;
}
#contacte a:hover {
	background-image: url(../imatges/contact_ANG.jpg);
	background-position:0 -30px;
	display:block;
	width:108px;
	height:30px;
}
#idioma_web {
	width:240px;
	height:22px;
	background-color: #FFFFFF;
	margin:0px auto 0px auto;
	float:left;
	margin:120px 40px auto auto;
}
#idioma_web ul {
	list-style-type:none;
}
#idioma_web li {
	float:left;
}
#idioma_web span {
	display:none;
}
#catala a {
	background-image: url(../imatges/catala_nav.jpg);
	background-position:0 0px;
	display:block;
	width:57px;
	height:22px;
}
#catala a:hover {
	background-image: url(../imatges/catala_nav.jpg);
	background-position:0 -22px;
	display:block;
	width:57px;
	height:22px;
}
#castella a {
	background-image: url(../imatges/castella_nav.jpg);
	background-position:0 0px;
	display:block;
	width:67px;
	height:22px;
}
#castella a:hover {
	background-image: url(../imatges/castella_nav.jpg);
	background-position:0 -22px;
	display:block;
	width:67px;
	height:22px;
}
#frances a {
	background-image: url(../imatges/frances_nav.jpg);
	background-position:0 0px;
	display:block;
	width:60px;
	height:22px;
}
#frances a:hover {
	background-image: url(../imatges/frances_nav.jpg);
	background-position:0 -22px;
	display:block;
	width:60px;
	height:22px;
}
#angles a {
	background-image: url(../imatges/angles_nav.jpg);
	background-position:0 0px;
	display:block;
	width:56px;
	height:22px;
}
#angles a:hover {
	background-image: url(../imatges/angles_nav.jpg);
	background-position:0 -22px;
	display:block;
	width:56px;
	height:22px;
}