#navi ul {
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
     list-style-position: inside;
     padding: 0;
 }
 
 #navi li {
     list-style: none;
 }
 
 #navi li a {
     text-decoration: none;
     display: block;
     font-family: Tahoma, Arial, sans-serif;
     /*text-transform: uppercase;*/
     padding: 8px 20px;
     font-size: 14px;
 }
 
 #navi li a:hover {
     color: #ffffff;
 }
 
 #navi li.active a {
     background: none !important;
     color: #ffffff;
 }
 /*----------------------------------------------------------------------------------------- #n1 */
 
 #n1 a {
     color: #7aac4b;
     background: linear-gradient(to right, #7aac4b 0%, #7aac4b 3%, #D7E6C9 3%, #D7E6C9 100%);
 }
 
 #n1 a:hover {
     background: #7aac4b;
 }
 /*---------------------------------------------------------------------------------------- #n2 */
 
 #n2 a {
     color: #E3CE24;
     background: linear-gradient(to right, #E3CE24 0%, #E3CE24 3%, #F7F0BE 3%, #F7F0BE 100%);
 }
 
 #n2 a:hover {
     background: #E3CE24;
 }
 /*---------------------------------------------------------------------------------------- #n3 */
 
 #n3 a {
     color: #EE7D37;
     background: linear-gradient(to right, #EE7D37 0%, #EE7D37 3%, #FAD8C3 3%, #FAD8C3 100%);
 }
 
 #n3 a:hover {
     background: #EE7D37;
 }
 /*---------------------------------------------------------------------------------------- #n4 */
 
 #n4 a {
     color: #ED6348;
     background: linear-gradient(to right, #ED6348 0%, #ED6348 3%, #FAD1C8 3%, #FAD1C8 100%);
 }
 
 #n4 a:hover {
     background: #ED6348;
 }
 /*---------------------------------------------------------------------------------------- #n5 */
 
 #n5 a {
     color: #D5447C;
     background: linear-gradient(to right, #D5447C 0%, #D5447C 3%, #F2C7D8 3%, #F2C7D8 100%);
 }
 
 #n5 a:hover {
     background: #D5447C;
 }
 /*---------------------------------------------------------------------------------------- #n6 */
 
 #n6 a {
     color: #AD568E;
     background: linear-gradient(to right, #AD568E 0%, #AD568E 3%, #E7CDDD 3%, #E7CDDD 100%);
 }
 
 #n6 a:hover {
     background: #AD568E;
 }
 /*---------------------------------------------------------------------------------------- #n7 */
 
 #n7 a {
     color: #6256AD;
     background: linear-gradient(to right, #6256AD 0%, #6256AD 3%, #D0CDE7 3%, #D0CDE7 100%);
 }
 
 #n7 a:hover {
     background: #6256AD;
 }
 /*---------------------------------------------------------------------------------------- #n8 */
 
 #n8 a {
     color: #0E78EC;
     background: linear-gradient(to right, #0E78EC 0%, #0E78EC 3%, #B7D7F9 3%, #B7D7F9 100%);
 }
 
 #n8 a:hover {
     background: #0E78EC;
 }
 /*---------------------------------------------------------------------------------------- #n9 */
 
 #n9 a {
     color: #7DC2EA;
     background: linear-gradient(to right, #7DC2EA 0%, #7DC2EA 3%, #CEEAF9 3%, #CEEAF9 100%);
 }
 
 #n9 a:hover {
     background: #7DC2EA;
 }