/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/
body {
  /*font-family: "Arial";
  font-size: 13px;
  margin: 0px;*/
}
ul.megamenu {
  /*background-color: #888;
  border-top: 1px solid #888;
  border-bottom: 1px solid #666;
  margin: 0px auto;
  padding: 5px 10px;
  list-style: none;
  display: none;*/
}

ul.megamenu li.mm-item 
{
    width: 135px;
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 8px 15px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 1001;
  font-size: 14px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  color: #444;
  background: #FFF;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 100002;
}

.mm-content-base {
  background: #FFF;
  position: relative;
  z-index: 11;
  padding: 10px;
}
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}

ul.megamenu li.mm-item:hover a.mm-item-link span.mnu_item,
ul.megamenu li.mm-item:hover a.mm-item-link span.mnu_desc
{
    color: #224E75;
    /*text-decoration: underline;*/
}

/*

<li class="mm-item" style="float: left; ">
                    <a href="javascript:void(0)" class="mm-item-link">
                        <span class="mnu_item">INICIO</span>
                        <span class="mnu_desc">Todo comienza aqui</span>
                    </a>
                    <div style="width: 500px; display: none; top: 63px; left: 199.5px; height: auto; " class="mm-item-content"><div class="mm-content-base">opciones</div><div class="mm-js-shadow" style="height: 39px; width: 500px; top: 3px; left: 3px; opacity: 0.5; "></div></div>
                </li>

*/