/**
 * menu de navigation
 */

 #menu {
    max-width: 1200px;
    text-align: center;
  }
 
  .navigation-list {
     list-style: none;
     text-align: center;
     font-weight: bold;
     float: right;
     font-size: 70%;
 }
 .navigation-list > li {
     float: left;
     margin: auto;
     padding: 0px;
     border: solid 1px #295FA6;
     background-color: white;
 }

 .navigation-list > li > a {
     padding: 5px;
     display: block;
     width: 140px;
     text-decoration: none;
     color: #295FA6;
 }
 
 .navigation-list > li:hover, .navigation-list > li:hover > a {
     background-color: #A3AFBF;
 }
 
 .navigation-list > li:hover > ul.navigation-submenu {
     display: block;
 }
 .navigation-list > li:hover > ul.navigation-submenu > li {
     float: none;
 
 }
 
 /*
 .navigation-submenu {
     list-style: none;
     display: none;
     position: absolute;
 }
 */
 
 .navigation-submenu > li {
     /* color: #022601; */
     font-weight: normal;
 }
 .navigation-submenu > li > a {
     padding: 10px;
     display: block;
     width: 120px;
     padding: 3px;
     color: #FFFFFF;
     text-decoration: none;
 }
 
 #main-page {
     clear: both;
 }
 
 
 ul.navigation-submenu {
     list-style: none;
     display: none;
     position: absolute;
 
     z-index: 1;
     font-size: inherit;
     font-family: inherit;
     color: #022601;
     padding: 0.5em 1em;
     outline: none;
     border: none;
     background-color: #6883A6;
   }
   
   ul.navigation-submenu::before {
     content: '';
     z-index: -1;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #6883A6;
     transform-origin: center bottom;
     transform: scaleY(0);
     transition: transform 0.25s ease-in-out;
   }
   
   ul.navigation-submenu:hover {
     cursor: pointer;
   }
   
   ul.navigation-submenu:hover::before {
     transform-origin: center top;
     transform: scaleY(1);
   }
 
 
   .nav-sub-li {
     position: relative;
   }
   .nav-sub-li a:hover {
     color: #FFFFFF;
     background-color: #295FA6;
   }
   
   .nav-sub-li::before, .nav-sub-li::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 2px;
     background-color: #295FA6;
     transform: scaleY(0);
     transition: transform 0.5s ease;
   }
   
   .nav-sub-li::before {
     left: -8px;
     transform-origin: center top;
   }
   
   .nav-sub-li:hover::before {
     transform-origin: center bottom;
     transform: scaleY(1);
   }
   
   .nav-sub-li::after {
     right: -8px;
     transform-origin: center bottom;
   }
   
   .nav-sub-li:hover::after {
     transform-origin: center top;
     transform: scaleY(1);
   }
 
 
 
 /* Color Theme Swatches in Hex */
 .Nature-1-hex { color: #C2D2F2; }
 .Nature-2-hex { color: #5176A6; }
 .Nature-3-hex { color: #70731F; }
 .Nature-4-hex { color: #A67D4B; }
 .Nature-5-hex { color: #A64B29; }
 
 /* Color Theme Swatches in Hex */
 .Selva-de-Sumatra-1-hex { color: #022601; }
 .Selva-de-Sumatra-2-hex { color: #010D00; }
 .Selva-de-Sumatra-3-hex { color: #C0D9A7; }
 .Selva-de-Sumatra-4-hex { color: #467302; }
 .Selva-de-Sumatra-5-hex { color: #728C4A; }
 
 /* Color Theme Swatches in RGBA */
 .Selva-de-Sumatra-1-rgba { color: rgba(2, 38, 0, 1); }
 .Selva-de-Sumatra-2-rgba { color: rgba(0, 12, 0, 1); }
 .Selva-de-Sumatra-3-rgba { color: rgba(191, 216, 166, 1); }
 .Selva-de-Sumatra-4-rgba { color: rgba(69, 114, 2, 1); }
 .Selva-de-Sumatra-5-rgba { color: rgba(113, 140, 74, 1); }
 
 /* Color Theme Swatches in HSLA */
 .Selva-de-Sumatra-1-hsla { color: hsla(118, 96, 7, 1); }
 .Selva-de-Sumatra-2-hsla { color: hsla(118, 96, 2, 1); }
 .Selva-de-Sumatra-3-hsla { color: hsla(90, 39, 75, 1); }
 .Selva-de-Sumatra-4-hsla { color: hsla(84, 96, 22, 1); }
 .Selva-de-Sumatra-5-hsla { color: hsla(84, 30, 42, 1); }

 .blue-sky-soft-1 {color:#295FA6;}
 .blue-sky-soft-2 {color:#6883A6;}
 .blue-sky-soft-3 {color:#A3AFBF;}
 .blue-sky-soft-4 {color:#296CA6;}
 .blue-sky-soft-5 {color:#59522C;}