/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  /*color: #000;*/
}

#navigation li a{
  text-decoration: none;
  color: #7ba54b;
  text-align: center;
  text-shadow: 1px 1px rgba(255,255,255,0.5);
  vertical-align: middle;
  display: table-cell;
  width: 165px;
}

#navigation li a:hover{
  color:#5d852f;
  text-shadow: none;
  }

/*
 * Navigation bar
 */

#navigation{
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */

  font-family:'bebas_neueregular',Sans-Serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 20px;
  color: #7d5d3e;
  text-align: center;
  height: 55px;
  margin-top: 25px;

  width: 100%;
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 0px 0 0px; /* LTR */
  list-style-type: none;
  list-style-image: none;

  max-width: 165px;
  min-width: 40px;
  text-align: center;
  display: table;

  height: 50px;

  /*background: url(../images/separator.png) bottom right no-repeat;*/
}

#navigation ul.links li.last{
  background: none !important;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
  /*margin-left: 30px;*/
}

#secondary-menu {
  float: right; /* LTR */
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}

#block-menu-menu-submenu li{
  float: left; /* LTR */
  width: 25%;
  list-style-type: none;
  list-style-image: none;

  font-family:'bebas_neueregular',Sans-Serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 60px;
  }

#block-menu-menu-submenu li a{

  text-decoration: none;
  color: #bdb460;
  text-align: center;
  text-shadow: 1px 1px rgba(0,0,0,0.5);
  display: block;
  width: 100%;

}

#block-menu-menu-submenu li a:hover{
  color:#e4db89;
  text-shadow: none;
  }

.menu-block-1 ul, .menu-block-2 ul{
  padding: 0;
  margin-top: 0;

  /*border-bottom: 1px solid #d9d6e1;*/
}

.menu-block-1 li, .menu-block-2 li{

  list-style-type: none !important;
  list-style-image: none !important;

  font-family:'bebas_neueregular',Sans-Serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 50px;
  background: url(../images/bg_celdas.jpg);
  border-top: 1px solid #d9d6e1;
  border-bottom: 1px solid #a8a8aa;
  width: 260px;
  }

.menu-block-1 li.first, .menu-block-2 li.first{
    border-top: none;
}

.menu-block-1 li.last, .menu-block-2 li.last{
    border-bottom: 1px solid #a8a8aa;
}

.menu-block-1 li:hover, .menu-block-2 li:hover{
  /*background: #c5a872;*/
  }

.menu-block-1 li.active, .menu-block-1 li.active-trail, .menu-block-2 li.active, .menu-block-2 li.active-trail{
  background: url(../images/over.jpg) center center;
}

.menu-block-1 li a, .menu-block-2 li a{

  text-decoration: none;
  color: #555555;
  text-shadow: 1px 1px rgba(255,255,255,0.5);
  display: block;
  width: 100%;
  padding-left: 20px;

  height: 65px;
  line-height: 65px;

}

.menu-block-1 li a:hover, .menu-block-2 li a:hover{
  color:#444;
  text-shadow: none;
  }

.menu-block-1 li.expanded li      {width: 220px; padding-left: 20px; border-top:1px solid #fce6d3; border-bottom:1px solid #d8b98f; cursor:pointer; background:url(../images/bg_subseccion.jpg)}
.menu-block-1 li.expanded li:hover   {background:#f0d7bc;}

#logos ul{
  font-family:'bebas_neueregular',Sans-Serif;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 30px;
  color: #c69c6d;
  text-align: center;

  margin:0;
  padding: 0;

  padding-left: 50px;

  list-style-type: none;
}

#logos ul li{
  display: inline;
}

#logos ul a{
  color: #a4b193;
  text-align: center;
  text-shadow: 1px 1px rgba(255,255,255,0.5);
  vertical-align: middle;

  padding-top: 78px;
  display: block;
  float: left;
}

#logos ul a:hover{
  color: #5d852f;
}

#logos .uno{
  /*width: 142px;*/
   width: 227px;
}

#logos .dos{
   width: 227px;
}

#logos .tres{
  width: 227px;
}

#logos .cuatro{
  width: 201px;
}

.sidebar-first .region-sidebar-first ul.menu {

  background: url(../images/bg_detalle.png) no-repeat right bottom;
  padding-bottom: 374px;

  }