@charset "utf-8";
.toggleMenu {
	display: none;
	font-size: 16px;
	color: #fff;
	text-align: left;
	background: url(../images/menu.png) right 15px top 10px no-repeat;
	text-transform: uppercase;
	padding: 10px 20px
}
.toggleMenu img {
	margin: 0 5px 0 0
}
.menu {
	float:none;
}
.nav {
	list-style: none;
	zoom: 1;
	width: 100%;
	right: 0
}
.nav:before, .nav:after {
	content: " ";
	display: table
}
.nav:after {
	clear: both
}
.nav ul {
	list-style: none;
	width: 100%
}
.nav a {
	margin: 0 1px 0 0
}
.nav li {
	position: relative;
}
.nav li a {
	font-size: 15px;
	color: #fff;
    padding:7px 35px 7px 35px;
	font-family: 'OpenSansRegular'; text-transform:none; margin-right:15px;

}
.nav li a:hover, .select {
	color: #fff!important;
	background:#d82e30;
}
.nav>li:hover>a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	color: #fff!important;
	background:#d82e30;
}
.nav>li li:hover>nav li a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	color: #fff!important;
	background: #ce2b2e!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;
	position:relative;
	
}
.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: #3b4c97;
	color: #fff;
	position: relative;
	z-index: 99999;
	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:1280px) {
.nav li a{padding: 12px 15px 12px 15px;}



}

@media screen and (max-width:1200px) {
.nav li a{padding: 12px 15px 12px 15px;}



}

@media screen and (max-width:991px) {
.menu {float: left}
.nav li a {margin: 0px 5px 0px 5px; padding: 12px 8px 12px 8px;}

}
@media screen and (max-width:767px) {
.nav {
	display: none;
	float: none
}
.menu {
	background: #084e8b url(../images/toggal.png) left top repeat-x;
	float: none
}
.toggleMenu {
	display: block!important;
	top: 100px
}
.nav {
	float: none;
	width: 100%;
	margin: 0
}
.nav li a {
	color: #fff;
	padding: 6px 8px 6px 15px;
	border-radius: none!important;
	margin: 5px 0px 5px 0px
}
.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
}
.nav li a:hover, .select {
	color: #fff!important;
	border-bottom: 0
}
.nav>li:hover>a, .nav>a:hover, .nav>li li:hover>a, .nav>a:hover {
	color: #fff!important;
	border-bottom: 0
}
}