@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-18 09:44:13
 * @version $Id$
 */
/* 
        .mynav {
			width: 100%;
			height: 40px;
			background-color: #CCCCCC;
			}

	.mynav .nav>li>a
	{
		padding: 0px 0px;
	}

		.mynav li a{
			text-decoration: none; 
			padding: 0px 0px;
			width: 100px;
			line-height: 40px;	
			font-size: 1em;
			}

		.mynav  ul{
			list-style: outside none none; /
			}

		 .mynav  .link{
		
			line-height: 40px;	
		
			padding-left: 5px;
			}
		.mynav  .link li{
	
			float: left;
			text-align: center;	
			}
		.mynav .link a{
			display: block; 
			color: black;
			}
		
		.mynav .link a:hover,  .mynav .link a:focus{
			background-color: #88AA55; 
			color: white;
			opacity: 0.9;
			}

.myactive
{
		background-color: #88AA55; 
			color: white;
			opacity: 0.9;
}

@media  (max-width: 320px) {

.mynav {		
			height: 25px;
		}

.mynav li a{
			line-height: 25px;
			width: 40px;
			font-size: 0.4em;
			}

.mynav  .link{
		
			line-height: 25px;	

			}
}

@media  ( min-width: 321px) and (max-width: 767px) {

.mynav {		
			height: 28px;
		}

.mynav li a{
			line-height: 28px;
			width: 45px;
			font-size: 0.5em;
			}

.mynav  .link{
		
			line-height: 28px;	

			}
}

 @media ( min-width: 768px) and (max-width: 979px) {

.mynav {		
			height: 32px;
		}

.mynav li a{
			line-height: 32px;
			width: 80px;
			font-size: 0.8em;
			}

.mynav  .link{
		
			line-height: 32px;	

			}
 }

 */

/* ======================== */

#topNavbar1 {
    min-height: 10px;
    /* max-height: 45px; */
    background-color: #CCCCCC;
}

#main-menu1 {
    width: 100%;
    height: 45px;
    background-color: #CCCCCC;
}

#main-menu1 li {

    float: left;
    text-align: center;
    margin: 0 auto;
}

#topNavbar1 .navbar-nav {
    margin: 0px 0px;
}

#topNavbar1 .navbar-nav>li>a {
    padding: 0px 15px;
}

#main-menu1 li a {
    text-decoration: none;
    padding: 0px 0px;
    width: 100px;
    line-height: 45px;
    font-size: 14px;
}

#main-menu1 .active a,
#main-menu1 a:hover,
#main-menu1 a:focus {
    background-color: #88AA55;
    color: white;
    opacity: 0.9;
}

@media (min-width: 768px) and (max-width: 979px) {
    #main-menu1 {
        height: 35px;
    }

    #main-menu1 li a {

        width: 85px;
        line-height: 35px;
        font-size: 12px;
    }

    #topNavbar1 .navbar-nav>li>a {
        padding: 0px 10px;
    }
}

@media (min-width: 321px) and (max-width: 767px) {

    #main-menu1 {
        height: 30px;
    }

    #main-menu1 li a {

        width: 72px;
        line-height: 30px;
        font-size: 12px;
    }

    #topNavbar1 .navbar-nav>li>a {
        padding: 0px 4px;
    }
}

@media (max-width: 320px) {

    #main-menu1 {
        height: 27px;
    }

    #main-menu1 li a {

        width: 55px;
        line-height: 27px;
        font-size: 8px;
    }

    #topNavbar1 .navbar-nav>li>a {
        padding: 0px 1px;
    }
}