/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	NAVBAR	
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#menu 
{ 
	width: 100%;
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	display: block;
	border-top: 1px solid #721C1C;
	margin-bottom: 0px;
}

#menu ul 
{ 
	width: 100%;
	padding: 0;
	margin: 0;
	border:0;
	background: #AC2A2A;
	list-style-type: none;
	float: left;
}

#menu li 
{
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0;

	display: block;
	float: left;
	position: relative;
	text-align: center;
	
	border-right: 1px solid #C93131;
}

#menu li:hover,
#menu li a:hover
{
	background-color: #942929;
}

#menu a,
#menu a:link,
#menu a:visited,
#menu a:active
{
	line-height: 24px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #FFF;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Here Start the code that control the structure of the DropDown menu!

	Below is all code that control the Submenu in DropDown.
	Be careful with the changes!!!!
	
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.reports
{
	width: 730px;
	height: auto;
	position: absolute; 
	margin: 25px 0 0 0;
	padding: 0 0 0 10px;
	visibility: hidden; 
	z-index: 10; 

	border: 0; 
}

.rates
{
	width: 730px;
	height: auto;
	position: absolute; 
	margin: 25px 0 0 0;
	padding: 0 0 0 10px;
	visibility: hidden; 
	z-index: 10; 

	border: 0; 
}

.hotel_settings
{
	width: 730px;
	height: auto;
	position: absolute; 
	margin: 25px 0 0 0;
	padding: 0 0 0 10px;
	visibility: hidden; 
	z-index: 10; 

	border: 0; 
}

.hotel_settings li,
.rates li,
.reports li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hotel_settings ul,
.rates ul,
.reports ul
{
	margin: 0;
	padding: 0;
	text-align:left;
}


.hotel_settings ul li a,
.hotel_settings ul li a:link,
.hotel_settings ul li a:visited,
.hotel_settings ul li a:active,

.rates ul li a,
.rates ul li a:link,
.rates ul li a:visited,
.rates ul li a:active,

.reports ul li a,
.reports ul li a:link,
.reports ul li a:visited,
.reports ul li a:active

{ 
	display: inline;

	font: 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	text-align: left;
	color: #666666;
}

								/* Here you can define the link hover isinde the #navbar > li > ul								*/
.hotel_settings ul li a:hover,
.rates ul li a:hover,
.reports ul li a:hover
{
	text-decoration: none;	
	color: #CC0000;
}

.hotel_settings li a.subnavbar 		/* Here we have the code that you can put one image in the sublink in the dropdown menu
									For use this you need define the class .subnavbar in the link ' A '							*/
{
	background: #867393 url("../images/layout_yrem/icon_seta_menu.gif") no-repeat right ;
	color: #FFFFFF;
}