@charset "utf-8";
.toggleMenu {
	display: none;
	font-family: 'OpenSansSemibold';
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px
}
.toggleMenu img {
	margin: 0 5px 0 0
}
.menu {
	float: left;
	width: 100%
}
.nav {
	list-style: none;
	zoom: 1;
	margin-top: -17px;
	width: 98%;
	background: #034898;
	position: absolute;
	z-index: 1;
	left: 12px;
	right: 0
}
.nav:before, .nav:after {
	content: " ";
	display: table
}
.nav:after {
	clear: both
}
.nav ul {
	list-style: none;
	width: 11em
}
.nav a {
	margin: 0 1px 0 0
}
.nav li {
	position: relative
}
.nav li a {
	font-family: 'OpenSansSemibold';
	font-size: 15px;
	color: #fff;
	margin: 4px 12px 4px 5px;
	padding: 7px 20px 7px 20px;
	text-transform: uppercase;
}
.nav li a:hover, .select {
	color: #fff!important;
	background-color: #7eb32d
}
.nav>li:hover>a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	color: #fff!important;
	background-color: #7eb32d
}
.nav>li li:hover>nav li a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	color: #fff!important;
	background: #e40202!important;
	border-bottom: 0
}
.nav>li {
	float: left
}
.nav>li>a {
	display: block
}
.nav li ul {
	position: absolute;
	left: -9999px
}
.nav li ul li {
	margin: 0;
	padding: 0
}
.nav>li.hover>ul {
	left: 3px;
	width: 200px;
	border-radius: 0 0 6px 6px
}
.nav li li.hover ul {
	left: 100%;
	top: 0
}
.nav li li {
	padding: 0;
	margin: 0;
	border-radius: 0
}
.nav li li a {
	display: block;
	font-size: 13px;
	padding: 10px 10px;
	margin: 0;
	background: #00afef;
	color: #fff;
	position: relative;
	z-index: 100;
	border-top: 1px solid #fff;
	border-radius: 0;
	text-shadow: none;
	margin: 0
}
.nav li li li a {
	background: #00afef;
	z-index: 200000;
	border-top: 1px solid #fff;
	margin: 0
}
@media screen and (max-width:1200px) {
.nav li a {
	margin: 4px 7px 4px 3px;
	font-size: 14px
}
}
@media screen and (max-width:991px) {
.nav {
	float: left;
	margin-top: -13px
}
.green-but {
	margin-bottom: 30px
}
}
@media screen and (max-width:780px) {
.nav {
	display: none;
	float: none
}
.menu {
	background: #084e8b url(../images/toggal.png) left top repeat-x
}
.toggleMenu {
	display: none;
	top: 100px
}
.nav {
	float: none;
	width: 100%;
	margin: 0
}
.nav li a {
	color: #fff;
	padding: 10px 18px 10px 18px;
	border-radius: none!important
}
.nav li a:hover {
	background-color: #ff4343
}
.nav>li {
	float: none;
	background: #23639c
}
.nav ul {
	display: block;
	width: 100%
}
.nav>li.hover>ul, .nav li li.hover ul {
	position: static
}
.nav ul {
	width: 100%!important
}
}
@media only screen and (max-width:1200px) {
.nav li a {
	padding: 7px 10px 7px 10px
}
}