/* CSS Document */
#menuh {
	font:400 14px 'Raleway', sans-serif;
	margin:0px;
	list-style: none;
	position:relative;
	z-index: 10;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/***************** NIVEL 1*******************/
#menuh ul {
	width: 235px;
	list-style-type:none;
	text-align: left;
	padding: 0px;
	margin:0px;
	z-index: 10;
}

#menuh a {
	text-decoration: none;
	display: block;
	z-index: 10;
	width: auto;
}

/*Alto de cada item*/
#menuh li {
	z-index: 10;
}


#menuh > li {
	float: left;
	margin-right:12px;
	margin-left:12px;
	display: block;
	z-index: 10;	
}

/********************forma del menu horizontal modos link y hover*********************/
#menuh > li a {
	color: #FFF;
	padding-top: 17px;
	padding-right: 4px;
	padding-bottom: 16px;
	padding-left: 4px;
	z-index: 10;
	/*text-shadow:1px 2px 2px #000;*/
	text-decoration: none;
	text-transform:uppercase;
}

#menuh > li a:hover {
	color:#FFF;	
	-moz-transition: color 0.4s ease-out 0s;
	-webkit-transition: color 0.4s ease-out 0s;
	-o-transition: color 0.4s ease-out 0s;
	-ms-transition: color 0.4s ease-out 0s;
	z-index: 10;
	background-color:#ff970d;
	
}

/*#menuh > li:hover {		
	-moz-transition: all 0.4s ease-out 0s;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	z-index: 500;
	background-color:rgba(28,60,112,0.9);
}*/

/***************** NIVEL 2*******************/
#menuh > li > ul {
	display:block;
	position: absolute;
	width: 200px; /*100%*/
	list-style: none;
	padding:0px;
	background-color:rgba(110,160,12,0.86);
	z-index: 10;

}


/*#menuh > li:hover > ul > li {*/
#menuh > li > ul > li {
	z-index: 10;
	border-bottom:1px solid rgba(255,255,255,0.6);
}

/************************ con este configuro los items de nivel 2 **************************************/
#menuh > li > ul > li a {
	color: #FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	z-index: 10;
	text-transform:capitalize;
}

#menuh > li > ul > li a:hover {
	color:#333;
	z-index: 10;
	/*background-color: #FFFF00;*/
}



/* level 3*/
/*#menuh > li > ul > li:hover > ul {*/
#menuh > li > ul > li > ul {
	display:block;
	position: absolute;
	width: 205px; /*100%*/
	list-style: none;
	padding:0px;
	margin-top:-27px;
	/*margin-left:90%;*/

	top:inherit;
	left:200px;
	background-color:rgba(128,188,26,0.8);
	z-index: 10;
}


#menuh > li > ul > li > ul > li a {
	color: #FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	/*background-color: #000;*/
	z-index: 10;
}

#menuh > li > ul > li > ul > li a:hover {
	color:#333;
	z-index: 10;
	/*background-color: #FFFF00;*/
}

#menuh > li > ul > li > ul > li {
	z-index: 10;
	border-bottom:1px solid rgba(255,255,255,0.6);
}

/* level 4*/
#menuh > li > ul > li > ul li > ul {
	display:block;
	position: absolute;
	width: 205px; /*100%*/
	list-style: none;
	padding:0px;
	margin-top:-27px;
	/*margin-left:90%;*/

	top:inherit;
	left:205px;
	background-color:rgba(128,188,26,0.8);
	z-index: 10;
}


#menuh > li > ul > li > ul > li ul > li a {
	color: #FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	/*background-color: #000;*/
	z-index: 10;
}

#menuh > li > ul > li > ul > li ul > li a:hover {
	color:#333;
	z-index: 10;
	/*background-color: #FFFF00;*/
}

#menuh > li > ul > li > ul > li ul > li {
	z-index: 10;
	border-bottom:1px solid rgba(255,255,255,0.6);
}