/*
 * PixInsight Website
 * Navigation Bar Style Sheet / Updated 20140217
 *
 * Copyright (C) 2014 Pleiades Astrophoto S.L. All Rights Reserved.
 */

nav {
   background-color: #000000;
   display: block;
   font-family: futura-pt,Helvetica,Arial,sans-serif;
   font-weight: 500; /* medium */
   font-size: 12pt;
   border: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
   width: 100%;
   height: 32pt;
   cursor: default;
}
.home nav {
   background-color: rgba( 0, 0, 0, 0.70 );
}
@media screen and (max-width: 1100px) {
   nav {
      font-size: 11pt;
   }
}

nav a {
   cursor: default;
   color: #e0e0e0;
}

nav a:hover {
   text-decoration: none;
   color: #ff9000;
}

nav ul {
   margin: 0;
   padding: 0;
}

nav ul li {
   margin: 0;
   padding: 0;
   display: inline-block;
   list-style-type: none;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   -ms-transition: all 0.35s;
   -o-transition: all 0.35s;
   transition: all 0.35s;
}

nav > ul > li > a {
   color: #f0f0f0;
   display: block;
   line-height: 32pt;
   padding: 0 1.25em;
   text-decoration: none;
}

nav > ul > li:hover {
   background-color: rgb( 60, 60, 80 );
}

nav > ul > li:hover > a {
   color: #ff9000;
}

nav > ul > li:hover > a > .caret {
   border-top-color: #ffffff;
}

nav > ul > li > div {
   background-color: rgb( 60, 60, 80 );
   border-top: 0;
   border-radius: 0;
   display: block;
   font-weight: 400; /* book */
   margin: 0;
   opacity: 0;
   position: absolute;
   min-width: 14em;
   visibility: hidden;
   -webkit-transiton: opacity 0.25s;
   -moz-transition: opacity 0.25s;
   -ms-transition: opacity 0.25s;
   -o-transition: opacity 0.25s;
   transition: opacity 0.25s;
   z-index: -10;
}

nav > ul > li:hover > div {
   display: block;
   opacity: 1;
   visibility: visible;
   z-index: 10;
}

nav > ul > li > div ul > li {
   display: block;
}

nav > ul > li > div ul > li > a {
   color: #f0f0f0;
   display: block;
   line-height: 32pt;
   padding: 0 1.25em;
   text-decoration: none;
}

nav > ul > li > div ul > li:hover > a {
   background-color: rgba( 255, 255, 255, 0.15 );
}