/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist { 	
 	list-style: none;
	display: inline;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
}

.menulist li {
	position: relative;
	display: block;
	padding: 0px 0px 0px 14px;
	margin: 0;
	float: left;
	width: 112px;
}
.menulist li a {
	font-size: 0.8em;
	padding-bottom: 3px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #000000;
	text-align: center;
	display: block;
}
.menulist li a:hover {
	background-color: #A4B3BE;
	color: #000000;
	text-decoration: none;
}
.menulist li img {
		padding-bottom: 2px;
}

/* Segón Nivell */
.menulist ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 16em;
}

.menulist ul li {
	height: auto;
	float: none;
	margin: 0;
	width: 100%;
	clear: both;
	padding: 0;
}
.menulist ul li a {
	height: auto;
	display: block;
	margin: 0;
	padding: 6px 6px 6px 6px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #798C9A;
	font-weight: bold;
	text-align: left;
	border-bottom: #C6D1DA 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menulist ul li a:hover {
	background-color: #798C9A;
 	color: #000000;
}
.menulist ul li span  {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("/img/menu_sup_peudre.gif") bottom right no-repeat;
	height: 19px;
}
.menulist ul li span span  {
	display: block;
	width: 80%;
	margin: 0;
	padding: 0;
	background: url("/img/menu_sup_peuesq.gif") bottom left no-repeat;
}

/* Tercer Nivell */
/*
.menulist ul ul {
	display: none;
	position: relative;
	margin: 0;
	padding: 0;
	width: 16em;
}

.menulist ul li.tercer_niv {
	height: auto;
	float: none;
	margin: 0;
	width: 100%;
	clear: both;
	padding: 0;
}
*/
.menulist ul li.tercer_niv {
	
}
.menulist ul li.tercer_niv a {
	height: auto;
	display: block;
	margin: 0;
	padding: 6px 6px 6px 6px;
	color: #000000;
	text-decoration: none;
	background-color: #C6D1DA;
	font-weight: normal;
	text-align: left;
	border-bottom: #798C9A 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}
.menulist ul li.tercer_niv a:hover {
	text-decoration: underline;
	background-color: #C6D1DA;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist ul a {
	float: left;
}
.menulist ul ul a {
	float: none;
}
/* \*/
.menulist ul a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}
* html .menulist ul a {
	height: 1%;
}
/* End Hacks */