/*====================================================================================================================================================*/
/*====================================================================================================================================================*/

#menu_navegador {clear: both; width: 930px; height: 45px; padding: 0 15px; background: url(../images/menu.png) no-repeat;}
#menu_navegador_reserva {clear: both; width: 100%; height: 45px; padding: 0 15px; background: url(../images/menu.png) no-repeat;}

#menu {list-style:none; padding:0; margin: 0; z-index: 10; position:absolute;}/*  z-index: 10; position:absolute; */


/* CONTROL DEL ESTILO DEL MENU PRINCIPAL ----------------------------------------------------------------------------------- */ 

/* CONTROLA EL ESTILO DE LA DEL LINK  PARA KE SALGA EL BOTON */
#menu li {float:left; display:block; text-align:center; position:relative; padding: 4px 10px 4px 10px; margin-right:5px; margin-top:7px; border:none;}

/* CONTROLA EL ESTILO DE LA CAJA DEL LINK KE AL ESTAR HOVER SALGA EL BOTON DIFERENTE */
#menu li:hover 
{
	border: 1px solid #777777; 
	padding: 4px 9px 4px 9px ; 	
	/* Background color and gradients */
	background: #877A15;
	/*background: -moz-linear-gradient(bottom,  #9D8F2C, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #9D8F2C), to(#EEEEEE));*/
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
	
}
 
/* CONTROLA EL ESTILO DEL LINK DEL MENU PRINCIPAL EJ:HOME */
#menu li a {font-family:"Century Gothic"; font-weight:bold; font-size:16px;  color:#EEEEEE; display:block; outline:none; text-decoration:none;}
#menu li:hover a {color: #000;}/* text-shadow: 1px 1px 1px #ffffff; */




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTROLA EL ESTILO DEL LINK DEL MENU PRINCIPAL PARA KE SALGA LA FLECHA PARA ABAJO EJ:HOME */
#menu li .drop {padding-right:21px; background:url("../images/drop.png") no-repeat right 8px;}
#menu li:hover .drop {background:url("../images/drop.png") no-repeat right 8px;}


/* CONTROL DEL ESTILO DE LA CAJA DESPLEGABLE ------------------------------------------------------------------------------- */ 

/* CONTROLA EL STILO GENERAL DE LA CAJA DESPLEGABLE */
.dropdown_1column
{
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;	
	width: 200px;
	/* Gradient background */
	background: #9D8F2C;
	background: -moz-linear-gradient(top, #877A15, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#877A15), to(#EEEEEE));
	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
}

/* CONTROLA LA POSICION DE LA CAJA DESPLEGABLE */
#menu li:hover .dropdown_1column {left:-1px; top:auto;}

/* CONTROLA EL ESTILO DE LAS COLUMNAS DE LA CAJA DESPLEGABLE */
.col_1 {display: inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}

/* CONTROLA LA ANCHURA DE LAS COLUMNAS DE LA CAJA DESPLEGABLE NORMALMENTE UN PIXEL MENOS DE LA CAJA DESPLEGABLE*/
.col_1 {width:199px;}


/* CONTROL DE LA SUBLISTA DE LA CAJA DESPLEGABLE ------------------------------------------------------------------------------- */ 

/*CONTROLA LOS LINK DE LA SUBLISTA DE LA CAJA DESPLEGABLE*/
#menu li:hover div a {font-size:14px; color:#333;}/* text-shadow: 1px 1px 1px #ffffff;*/
#menu li:hover div a:hover {color: #FFF; font-size:14px; display:block; background-color:#58531C;}

/*CONTROLA LA SUBLISTA DE LA CAJA DESPLEGABLE*/
#menu li ul {list-style:none; padding:0; margin:0 0 12px 0;}

/*CONTROLA LAS FUENTES EN LA SUBLISTA DE LA CAJA DESPLEGABLE*/
#menu li ul li {
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:150px;
}

/*CONTROLA KE AL PONERTE ENCIMA DE UN LINK NO SALGA COMO BOTON*/
#menu li ul li:hover {background:none; border:none; padding:0; margin:0; width:100%;}

/*====================================================================================================================================================*/
/*====================================================================================================================================================*/