/* Estilo menu */
nav#menu-prinipal {
	position: relative;
	width: 950px;
	height: 50px;
	margin: 0 auto;
	background: #f5f5f5;
}

header, nav#menu-prinipal { 
  display: block;
}

nav#menu-prinipal ul#menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style: 0;
} 

nav#menu-prinipal ul#menu li {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  float:left;
}
.arrow{
	background: url(../imagenes/arrow.png) bottom center no-repeat;
	width: 80%;
	height: 24px;
	top: 35px;
	z-index: 1000;
	position: absolute;
	opacity: 0;
	display: none;
}
.hovered .arrow{display:block;opacity:1}

nav#menu-prinipal ul#menu li a {
	display: block;
	height: 50px;
	font-size: 17px;
	line-height: 50px;
	color: #117e27;
	text-decoration: none;
	padding: 0 30px;
	border-right: 1px solid #fff;
	border-bottom:4px solid rgba(255,255,255,0);
}

nav#menu-prinipal ul#menu li a:hover, nav#menu-prinipal ul#menu li:hover > a {
  background:#fff;
  color:#117e27;
  border-bottom:4px solid #117e27;
}
nav#menu-prinipal ul#menu li a:hover, nav#menu-prinipal ul#menu li:hover > a .arrow{
	display:block;opacity:1
}

.menu_active{
  background: #80c9e9 !important;
  color:#1c4769;
}
nav#menu-prinipal ul#menu li:hover > #mega {
  display: block;
}

#mega {
  position: absolute;
  top: 100%;
  left: -103px;
  width: 882px;
  height: auto;
  padding: 20px 30px;
  display: none;
  z-index: 99;
  
	background: #fff; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #0f9bc8 0%, #0b6687 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9bc8), color-stop(100%,#0b6687)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #0f9bc8 0%,#0b6687 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9bc8', endColorstr='#0b6687',GradientType=0 ); /* IE6-9 */
	/*border-radius: 0px 0px 20px 20px*/
	border: 4px solid #80c9e9;
}

ul#menu ul {
	float: left;
	width: 30%;
	margin: 0 3% 15px 0;
	padding: 0;
	list-style: none;
	border-right: solid 1px #ccc;
}

ul#menu ul li {
  display: block !important;
  width: 100% !important;
  margin: 0px;
}
ul#menu ul li h2 {
	color: #1c4769 !important;
	font-size: 2em;
}
ul#menu ul li a {
  float: left !important;
  display: block !important;
  width: 95% !important;
  height: auto !important;
  line-height: 1.3em !important;
  color: #1c4769 !important;
  text-decoration: none !important;
  padding: 5px !important;
  font-size: 14px !important;
  border-right: inherit !important;
  font-weight: bold !important;
}

ul#menu ul li a:hover {
  color: rgba(15,130,170,1) !important;
  background: rgba(255,255,255,1) !important;
}

/* sm-normal */
nav#menu-prinipal ul#menu li:hover > #sm-normal {
  display: block;
}

#sm-normal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  height: auto;
  padding: 20px 30px;
  display: none;
  z-index: 99;
  
	background: #fff; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #0f9bc8 0%, #0b6687 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9bc8), color-stop(100%,#0b6687)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #0f9bc8 0%,#0b6687 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #0f9bc8 0%,#0b6687 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9bc8', endColorstr='#0b6687',GradientType=0 ); /* IE6-9 */
	/*border-radius: 0px 0px 20px 20px*/
	border: 4px solid #80c9e9;
}
#sm-normal ul{
  width: 100% !important;
}
/* clearfix */
nav#menu-prinipal ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

nav#menu-prinipal ul {
  display: inline-block;
} 

html[xmlns] nav#menu-prinipal ul {
  display: block;
}
 
* html nav#menu-prinipal ul {
  height: 1%;
}