/*-----------------menu vertical---------------*/

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 220px; /*For KHTML*/
	list-style: none;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
	padding: 0 10px;
	display: block;
	color: #ffffff;
	font: bold 9pt/25px Franklin Gothic Medium, Sans Serif, Helvetica;
	text-decoration: none;
	height: 25px !important;
	height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #fff5c7;
	color: #333333;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	background: #fff5c7;
	color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #fff5c7;
	color: #3fb341;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #fff5c7;
	color: #ffffff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #fff5c7;
	color: #3fb341;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #fff5c7;
	color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #fff5c7;
	color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
}
/*--------------fin menu vertical-------------*/

 /*-------------------------------------------- menu horizontal------------------------------------*/
.menu3 {
	padding:0 0 0 5px;
	margin:0;
	list-style:none;
	height:35px;
	background:#fff url(http://www.haciendasanmiguel.com/images/three_0.gif);
	position:relative;
	border:1px solid #000;
	border-width:0 1px;
	border-bottom:1px solid #444;
}


.menu3 li {float:left;}

.menu3 li a {
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	color:#aaa;
	text-decoration:none;
	font-size:11px;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 5px;
	cursor:pointer;
}

.menu3 li a b {
	float:left;
	display:block;
	padding:0 6px 0 6px;
}

.menu3 li.current a {color:#000; background:url(http://www.haciendasanmiguel.com/images/three_2.gif); cursor:hand; cursor:pointer;}

.menu3 li.current a b {background:url(http://www.haciendasanmiguel.com/images/three_2.gif) no-repeat right top;}

.menu3 li a:hover {color:#fff; background:#000 url(http://www.haciendasanmiguel.com/images/three_1.gif);}

.menu3 li a:hover b {background:url(http://www.haciendasanmiguel.com/images/three_1.gif) no-repeat right top;}

.menu3 li.current a:hover {color:#000; background:#000 url(http://www.haciendasanmiguel.com/images/three_2.gif); cursor:hand; cursor:pointer;}

.menu3 li.current a:hover b {background:url(http://www.haciendasanmiguel.com/images/three_2.gif) no-repeat right top;}
 /*--------------------------------------------fin de menu horizontal------------------------------------*/
 
 
 #menuh {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
}


#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
	background: #DBEBF6;
}
