/* cmsms stylesheet: psylab_menu modified: 10/24/16 13:10:46 */
#mobile { display:none; }

nav#menu {
  margin:0; padding:0; margin-left: 60px; 
  border: none;
  position:relative;
  width: auto;
}
nav#menu ul {
  margin: 0; padding: 0;
  list-style-type: none;
  position: absolute; z-index:30; /* over slider */
  width: auto;
}

/* 1st level */
nav#menu li.menudepth0.small.home { display:none;}

  /* items defaults */
  nav#menu li {
    text-align: left; position:relative; font-weight: 300; font-size:1em;
  }

  nav#menu li:hover ul { background-color: #fff; border: solid 1px #f8f8f8; }
  nav#menu li a { color: rgb(51, 51, 51); text-decoration:none; padding:0; font-weight: 300 !important; }

  /* items 1st level */
  nav#menu li.menudepth0 { padding: 1.2em 0.5em; float:left; }
  nav#menu li.menudepth0:hover>a { color: rgb(204, 85, 0);  }
  nav#menu li.menudepth0.menuactive>a { color: rgb(204, 85, 0); font-weight: 400;  }

  /* last link */
  /* nav#menu li.menudepth0.last_child  { margin-left:2em; } */
  nav#menu li.menudepth0.last_child a { border: solid 1px rgb(117,117,117); border-radius: 4px; padding: 1em 0.5em; }
  nav#menu li.menudepth0.last_child:hover>a { background: transparent; color: rgb(51, 51, 51);  } /*override*/

  /* 2nd level */
  nav#menu li.menudepth0  > ul {
      display: none;
      position: absolute; 
      padding:0; margin:0; max-width: 300px; min-width:250px;
      left: 0; top: 48px; padding-top:12px;
      /* box-shadow: #888 3px 3px 10px;  */
  } 
  nav#menu li.menudepth0:hover ul { display: block; } /* show 2nd level */

  /* items 2nd level */
  nav#menu li.menudepth1 { padding: 0.5em;}
  nav#menu li.menudepth1:hover > a { color: rgb(204, 85, 0); }
  nav#menu li.menudepth1.menuactive > a { color: rgb(204, 85, 0);  }

@media only screen and (max-width: 799px){
  #mobile a { width:2em; font-size: 1.5em; color: rgb(51, 51, 51); float:left; }
  #mobile a:hover { color: rgb(204, 85, 0); }
  #mobile { display: block;   }

  img#logo { float:right; }
  
  nav#menu { position: static;   }
  nav#menu ul { width:250px ; }
  
  nav#menu li.menudepth0.lang { display:none;}

  nav#menv ul li { float:none; text-align: left; padding: 0.5em; }
  nav#menu li.:hover>a { color: rgb(204, 85, 0) !important;  }
  nav#menu li.menudepth0 > ul { padding: 0;}

  /*1st level */
  nav#menu > ul { top: 48px; left:0; display:none; background-color:#FFF; } 
  
  /* items 1st level */
  nav#menu li.menudepth0 { border:none;   }
  nav#menu li.menudepth0 { padding: 0.25em 0.5em; float:none; clear:both; };
      
   /* reset last link */
  nav#menu li.menudepth0.last_child:hover>a { color: rgb(204, 85, 0); }
  nav#menu li.menudepth0.last_child  { margin-left:0; }
  nav#menu li.menudepth0.last_child a { border: none; padding:0; }

  /* level 2 */
  nav#menu li.menudepth0 > ul { position:relative; top:0;  display:none; border:none; width: auto !important; min-width: auto; padding:0; }  
  
  nav#menu li.menudepth1 {padding: 0.25em 0.5em;}
}
