/*------------------------------------- GLOBAL ELEMENTS -------------------------------------*/


/*------------------------------------- CLASSES -------------------------------------*/
.hidden {display: none }

/*------------------------------------- HORIZONTAL MENU IN TWO LEVELS -------------------------------------*/
#double_menu {
	position: relative;
	width: 100%; 
	min-height: 48px;
	height: 48px; /* IE 6 hack */
	background: #0a0809 url('Images/bkg-menu.gif') left top repeat-x;
	font-size: 80%;
	font-weight:550;
    color:#FFFFFF;
}

#double_menu a { text-decoration: none }

.first_menu,
.second_menu {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.first_menu {
	top: 0;
	left: 0;
	width: 100%;
}

.second_menu {
	top: 24px;
	left: 0;
	width: 100%;
	/* min-height:3em;
	_height:3em; */ /* IE 6 hack */
		font-size: 100%;
		background: #f3f3f3;

}

.first_menu li,
.second_menu li { float: left; border: 0.0em solid red;  display:block; }

.first_menu li span a:link,
.first_menu li span a:hover,
.first_menu li span a:visited {
	display: block;
	padding: 4px 12px;
	color: #FFFFFF;
}

/*--- CSS class that it will applied to first level menu option selected --*/
.first_menu li span a.select:link,
.first_menu li span a.select:hover,
.first_menu li span a.select:visited{ color: #FFFFFF; background-color: #e81e1e; }
.selected{ color: #FFFFFF; background-color: #e81e1e; }

/*--- Second level ---*/
.second_menu li span a:link,
.second_menu li span a:visited { color: #000000;  display:block;  }

.second_menu li span a:hover {
	color: #FFFFFF; background-color: #e81e1e; display:block; }