@charset "utf-8";
/* CSS Document */

.toggleMenu {
    display:  none;
	font-family: 'OpenSansSemibold';
	font-size:16px; color:#fff;
	text-transform:uppercase;
	padding:10px 20px; 
}
.toggleMenu img{ margin:0px 5px 0px 0px;}
.menu{ float:left; width:100%; margin:14px 0px 0px 0px;}

.nav {
    list-style: none;
     *zoom: 1;
	 float:right;
	 margin:23px 0px;
}

.nav2{margin:10px 0px;}
.nav2 li a{font-size:14px; padding:5px 10px; border-radius:5px;}




.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 11em;
}
.nav a { margin:0px 1px 0px 0px;  }

.nav li { position: relative;}
.nav li a{font-family: 'OpenSansSemibold'; font-size:15px; color:#277b9a; margin:1px; padding:6px 15px; border-radius:5px;}

.nav li a:hover, .select{ color:#fff !important; background-color:#fe8a32;}

.nav > li:hover > a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 { color:#fff !important; background-color:#fe8a32;}
 
.nav > li li:hover > nav li a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 { color:#fff !important; background:#fe8a32 !important; border-bottom:0px;  }
 
 

.nav > li {
    float: left;
}

.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px; 
}
.nav li ul li {
	margin:0px; padding:0px;
}
.nav > li.hover > ul {
    left:3px; width:200px; border-radius:0px 0px 6px 6px;
}
.nav li li.hover ul {
    left: 100%;
    top: 0px;
}
.nav li li {
	padding:0px;
	margin:0px; border-radius:0px;
}
.nav li li a {
    display: block;
	font-size:13px;
	padding:5px 10px;
	margin:0px;
    background:#00afef;
	color:#fff;
    position: relative; 
    z-index:100;
    border-top: 1px solid #175e4c;
	border-radius:0px;
	text-shadow:none;
	margin:0px;
}
.nav li li li a {
    background:#00afef;
    z-index:200000;
    border-top: 1px solid #1d7a62;
	margin:0px;
}



@media screen and (max-width:991px) {
.nav {
	  float:left;
}
}

@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:0px;
}

   .nav li a { color:#fff; padding:10px 18px 10px 18px; border-radius:none !important;}
	.nav li: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;}
	
}