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

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold_0-webfont.eot');
    src: url('../fonts/opensans-semibold_0-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold_0-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold_0-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold_0-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansregularregular';
    src: url('../fonts/opensans-regular_0-webfont.eot');
    src: url('../fonts/opensans-regular_0-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('../fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular_0-webfont.svg#opensansregularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




.menu-bg { background:#f2f2f2; z-index:1000000000000000; border-bottom:solid 1px #dae0df; /* border-top:solid  1px #000; */
  -moz-box-shadow:    inset  0  8px 8px -4px #ccc, 
                        inset  0 -4px 4px -4px #ccc;
    -webkit-box-shadow: inset  0  4px 4px -4px #ccc, 
                        inset  0 -4px 4px -4px #ccc;
     box-shadow:        inset  0  4px 4px -4px #ccc, 
                        inset  0 -4px 4px -4px #ccc;  }

.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff; margin:0px 0px 0px 0px;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:; position:relative; top:0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 11px 30px; font-family: 'open_sanssemibold';
    color:#505050;
}
.nav li {
    position: relative;
}

.nav li a{ padding:13px 22px; font-family: 'open_sanssemibold'; font-size:14px;
    color:#505050; text-transform: uppercase; /*border-right:solid 1px #353535;*/
	border-left: 1px solid #dfdfdf;
    box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.1);
}
	
	


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

.nav > li {
    float: left;
    /*border-top: 1px solid #104336;*/
}
.nav > li > .parent {
    background-image: url("/images/downArrow.html");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px; 
}
.nav > li.hover > ul {
    left:-1px; width:270px;
}
.nav li li.hover ul {
    left: 100%; 
	top: 0;
	}
.nav li li a {
    display: block;
    color:#8cd1e1;background:#fff;
    position: relative; padding:10px;
    z-index:100; color:#898989;
   border-right:1px solid #dfdfdf;
    border-left:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;font-size:14px;

 	
}
.nav li li li a {
    background:#315255; display:block;
    z-index:200; color:#898989;
    
}
.nav li li a:hover {
    background:#f3f3f3;
    z-index:200; color:#898989 !important; display:block;
    
}
.hovernone:hover { background:transparent !important; }



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




@media screen and (max-width: 770px) {
    
	.toggleMenu {font-family:'abelregular';
    display:  none; font-size:16px;
    padding: 20px 15px;
    color: #fff; top:0px; background:#174181 url(../images/navigation-bar.png) right no-repeat; width:100%;
}

.toggleMenu:hover { 
     
    color: #fff;  
}


	
	.active {
        display: block; color:#fff
    }
	.nav li a{padding:10px;  
    color:#505050; background:#e8e8e8; 
	border-left: none; border-bottom:1px solid #efefef;
    
   
}
	
	
    .nav > li {
        float: none; background:url(../images/menu-bg.html) repeat; 
    }
    .nav > li > .parent {
        background-position: 95% 50%;  
    }
    .nav li li .parent {
        background-image: url("/images/downArrow.html");
        background-repeat: no-repeat;
        background-position: 95% 50%; width:100%;
    }
    .nav ul {
        display: block;
        width:90%;  
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	
	.nav > li.hover > ul {
    left:-1px; width:100%;
}

}