.ddsmoothmenu {
  width: 100%;
  padding-left: 240px; }

.ddsmoothmenu ul {
  z-index: 100; }

/*Top level list items*/
.ddsmoothmenu ul li {
  float: left;
  margin-right: 3px;
  margin-bottom: 30px;
  position: relative; }
  .ddsmoothmenu ul li a {
    height: 35px;
    display: block;
    text-align: center;
    color: #000;
    padding-top: 12px;
    font-size: 20px; }
  .ddsmoothmenu ul li a[title="INICIO-SA"] {
    background: url("../images/nav-homesa-small.png");
    width: 93px; }
    .ddsmoothmenu ul li a[title="INICIO-SA"]:hover {
      background-position: top right;
      color: #fff; }
  .ddsmoothmenu ul li a[title="SERVICIO-SA"] {
    background: url("../images/nav-homesa-big.png");
    width: 214px; }
    .ddsmoothmenu ul li a[title="SERVICIO-SA"]:hover {
      background-position: top right;
      color: #fff; }
  .ddsmoothmenu ul li a[title="PROYECTOS-SA"] {
    background: url("../images/nav-homesa-med.png");
    width: 144px; }
    .ddsmoothmenu ul li a[title="PROYECTOS-SA"]:hover {
      background-position: top right;
      color: #fff; }
  .ddsmoothmenu ul li a[title="CONSULTAS-SA"] {
    background: url("../images/nav-homesa-med.png");
    width: 144px; }
    .ddsmoothmenu ul li a[title="CONSULTAS-SA"]:hover {
      background-position: top right;
      color: #fff; }
  .ddsmoothmenu ul li:hover a {
    background-position: right top;
    color: #ffffff; }
  .ddsmoothmenu ul li:hover ul li, .ddsmoothmenu ul li:hover ul li a {
    /*background: none; */
    /*background: red; 
    border: 1px solid blue;*/ }

/*Top level menu link items style*/
* html .ddsmoothmenu ul li a {
  /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block; }

.ddsmoothmenu ul li a.selected {
  /*CSS class that's dynamically added to the currently active menu items' LI A element*/ }

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
  padding-bottom: 10px;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  width: 144px;
  /*background-color: rgba(255,255,255,0); */
  background-color: #2a2929;
  -webkit-box-shadow: inset 0 -7px 21px rgba(0, 0, 0, 0.49), inset 0 0 10px black;
  -moz-box-shadow: inset 0 -7px 21px rgba(0, 0, 0, 0.49), inset 0 0 10px black;
  box-shadow: inset 0 -7px 21px rgba(0, 0, 0, 0.49), inset 0 0 10px black;
  background-image: -webkit-linear-gradient(bottom, #1e1e1e, #343333);
  background-image: -moz-linear-gradient(bottom, #1e1e1e, #343333);
  background-image: -o-linear-gradient(bottom, #1e1e1e, #343333);
  background-image: -ms-linear-gradient(bottom, #1e1e1e, #343333);
  background-image: linear-gradient(to top, #1e1e1e, #343333);
  position: absolute;
  top: 43px !important;
  left: 0!important;
  display: block;
  /*display: none; */
  /*collapse all sub menus to begin with*/
  visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
  display: list-item;
  float: none;
  /*All subsequent sub menu levels vertical offset after 1st level sub menu */ }
  .ddsmoothmenu ul li ul li ul {
    left: 0;
    top: 0; }

.ddsmoothmenu ul li ul li {
  width: 144px;
  float: left;
  margin-bottom: 0px;
  margin-top: 5px;
  margin-right: 3px;
  text-align: center; }
  .ddsmoothmenu ul li ul li:last-child a {
    border: none; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
  font-family: Arial;
  font-size: 14px;
  padding-top: 0;
  height: auto;
  padding: 8px;
  color: #fff; }
  .ddsmoothmenu ul li ul li a:hover {
    color: #FFCC00;
    background: none; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
  height: 1%; }

/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px; }

.rightarrowclass {
  position: absolute;
  top: 6px;
  right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0; }

.toplevelshadow {
  /*shadow opacity. Doesn't work in IE*/
  opacity: 1; }
