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

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

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

/*Alto de cada item*/
.menuh li {
	z-index: 1000;
}

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

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

.menuh > li a:hover {
	color:#00b4ff;	
	-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;	
}


/***************** NIVEL 2*******************/
.menuh > li > ul {
	display:block;
	position: absolute;
	width: 180px; /*100%*/
	list-style: none;
	padding:0px;
	background-color:rgba(46,73,126,0.95);
	z-index: 1000;
}

/*.menuh > li:hover > ul > li {*/
.menuh > li > ul > li {
	z-index: 1000;
	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: 1000;
	text-transform:uppercase;
}

.menuh > li > ul > li a:hover {
	color:#FFF;
	-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;
	background-color:rgba(46,73,126,0.95);
}

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

	top:inherit;
	left:205px;
	background-color:rgba(46,73,126,0.95);
	z-index: 1000;
}


.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: 1000;
}

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

.menuh > li > ul > li > ul > li {
	z-index: 1000;
	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:305px;
	background-color:rgba(128,188,26,0.8);
	z-index: 1000;
}


.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: 1000;
}

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

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