/*nav {
    width: 100%;
    color: #000;
    /*background-color: #6cc49b;
    border: 1px solid #aaa;
}*/
/*
nav a {
    color: #000;
}

nav .navbar {
    max-width: 1200px;
    width: 99%;
    margin: 0 auto;
}

nav .menu-toggle {
    cursor: pointer;
    display: none;
    float: right;
    padding: 12px;
    margin: 10px 0;
    background-color: #000;
}

nav .icon-bar {
    background-color: #eee;
    display: block;
    width: 22px;
    height: 2px;
}

nav .icon-bar + .icon-bar {
    margin-top: 4px;
}

nav .menu ul {
    float: left;
}

nav .menu ul li {
    float: left;
    list-style: none;
    border-left: 2px solid #000;
}

nav .menu ul li:first-child {
    border: 0;
}

nav .menu li a, nav .open-submenu {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 12px 20px;
    transition: background-color .3s;
}

nav .menu li a:hover, nav .open-submenu:hover, nav .open-submenu.active, nav .menu-toggle.active {
    background-color: #777;
    color: #eee;
}

nav .menu ul ul {
    display: none;
    float: none;
    position: absolute;
    background-color: #eee;
    z-index: 1;
}

nav .menu ul ul li {
    float: none;
    border: 0;
}

nav .menu ul ul a:hover {
    background-color: #777;
    color: #eee;
    transition: background-color .3s;
}




@media only screen
and (min-width: 1100px)
and (max-width: 1200px) {
    
}

@media only screen
and (min-width: 900px)
and (max-width: 1100px) {
    
}

@media only screen
and (min-width: 700px)
and (max-width: 900px) {
    
    
}

@media only screen
and (min-width: 480px)
and (max-width: 700px) {
    nav .menu {display: none; clear: both;}
    nav .menu-toggle {display: inline-block;}
    nav .menu > ul {float: none; position: absolute; background-color: #eee; width: 70%;}
    nav .menu ul { z-index: 1; top: 86px; left: 32px;}
    nav .menu ul li {width: 70%; border: none;}
    nav .menu ul li a, nav .open-submenu {width: 50%;}
    nav .menu ul ul {position: absolute;}
    
}

@media only screen
and (min-width: 240px)
and (max-width: 480px) {
    nav .menu {display: none; clear: both;}
    nav .menu-toggle {display: inline-block;}
    nav .menu > ul {float: none; position: absolute;  background-color: #eee;}
    nav .menu ul li {width: 100%; border: none;}
    nav .menu ul ul {position: absolute; z-index: 1;}
}


*/


/*.menu_nav ul#menu div {
    cursor: pointer;
    background: url('../img/arrow_down.png') no-repeat 95% 50%;
}*/

.menu_nav ul#menu {
    margin-top: 1px;
}

.menu_nav ul#menu div, .menu_nav ul#menu a {
    color: #000;
    text-decoration: none;
    padding: 5px 0px;
    display: block;
    font-weight: bold;
}

.menu_nav ul#menu div:hover, .menu_nav ul#menu a:hover {
    color: #000;
    text-decoration: none;
    padding: 5px 0px;
    display: block;
}

.menu_nav ul#menu div {
    cursor: pointer;
    background: url('../img/arrow_down.png') no-repeat 90% 50%;
}

.menu_nav ul#menu li {
    float: left;
    list-style: none;
    font-size: 16pt;
    /*font-weight: bold;*/
    width: 180px;
    text-align: center;
    /*margin: 0 0 0 1px;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #7d1783;*/
    /*background: -moz-linear-gradient(top, #a821b0 0%, #7d1783 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#a821b0), to(#7d1783));*/
}

.menu_nav ul#menu li:hover {
    background: #eee;
    color: #000;
    outline: 1px solid #777;
    font-weight: bold;
}

.menu_nav ul#menu li a:hover {
	font-weight: bold;
	color: #000;
}

.menu_nav ul#menu li ul {
    display: none;
    position: absolute;
    border-top: 1px solid transparent;
    z-index: 1;
}

.menu_nav ul#menu li ul li {
    float: none;
    background: rgba(238, 238, 238, .9);
    border-radius: 0;
    font-size: 14pt;
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    border-left: 1px solid #777;
	margin: 0
}
.menu_nav ul#menu li ul li a:hover {
    color: #fff;
}

.menu_nav ul#menu li ul li:hover {
    background: #777;
}

.menu_nav ul#menu .user_visible {
	display: none;
}

.navbar .menu-toggle {
    cursor: pointer;
    display: none;
    float: right;
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 7px;
    background-color: #000;
}

.navbar .active {
    background-color: #999;
    color: #777;
}

.navbar .icon-bar {
    background-color: #eee;
    display: block;
    width: 22px;
    height: 2px;
}

.navbar .icon-bar + .icon-bar {
    margin-top: 4px;
}


@media only screen and (max-width: 1024px) {
	.menu_nav ul#menu li {width: 170px;}
}

@media only screen and (max-width: 933px) {
	.menu_nav ul#menu li {width: 152px;}
}

@media only screen and (max-width: 918px) {
	.menu_nav ul#menu {display: none; clear: both;}
    .navbar .menu-toggle {display: inline-block;}
    .menu_nav ul#menu .user_visible {display: block;}
    .menu_nav ul#menu li {width: 160px}
    .menu_nav ul#menu li {float: none; background-color: #eee;border-bottom: 1px solid #777;border-right: 1px solid #777;border-left: 1px solid #777; margin: 0 auto;}
    .menu_nav ul#menu li:hover, .menu_nav ul#menu li a:hover, .menu_nav ul#menu div:hover {color: #eee; background-color: #777;}
    .menu_nav ul#menu {position: absolute;z-index: 1;}
}


/*
@media only screen
and (min-width: 900px)
and (max-width: 1100px) {
    .menu_nav ul#menu li {width: 160px}
}


@media only screen
and (min-width: 700px)
and (max-width: 900px) {
    .menu_nav ul#menu {display: none; clear: both;}
    .navbar .menu-toggle {display: inline-block;}
    .menu_nav ul#menu li {width: 160px}
    .menu_nav ul#menu li {float: none; background-color: #eee;border-bottom: 1px solid #777;border-right: 1px solid #777;border-left: 1px solid #777;}
    .menu_nav ul#menu li:hover, .menu_nav ul#menu li a:hover, .menu_nav ul#menu div:hover {color: #eee; background-color: #777;}
    .menu_nav ul#menu {position: absolute;z-index: 1;}
}

@media only screen
and (min-width: 480px)
and (max-width: 700px) {
    .menu_nav ul#menu {display: none; clear: both;}
    .navbar .menu-toggle {display: inline-block;}
    .menu_nav ul#menu li {float: none; background-color: #eee;border-bottom: 1px solid #777;border-right: 1px solid #777;border-left: 1px solid #777;}
    .menu_nav ul#menu li:hover, .menu_nav ul#menu li a:hover, .menu_nav ul#menu div:hover {color: #eee; background-color: #777;}
    .menu_nav ul#menu {position: absolute;z-index: 1;}
    .menu_nav ul#menu li {width: 160px}
    
}

@media only screen
and (min-width: 240px)
and (max-width: 480px) {
    .menu_nav ul#menu {display: none; clear: both;}
    .navbar .menu-toggle {display: inline-block;}
    .menu_nav ul#menu li {float: none; background-color: #eee;border-bottom: 1px solid #777;border-right: 1px solid #777;border-left: 1px solid #777;}
    .menu_nav ul#menu li:hover, .menu_nav ul#menu li a:hover, .menu_nav ul#menu div:hover {color: #eee; background-color: #777;}
    .menu_nav ul#menu {position: absolute;z-index: 1;}
    .menu_nav ul#menu li {width: 160px}
    
}*/