
@charset "utf-8";
/* CSS Document */

.toggleMenu {
    display:  none;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
	 float:left;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a { margin:0px 0px 0px 2px;  padding: 4px 15px;}
.home { width:61px; height:106px; padding:0px !important; position:absolute !important; margin-top:-12px; background:none !important;}
.home a, .home a:hover {width:61px; /* height:106px; background:transparent url(../images/home.png) left top no-repeat !important;  */}
.abt { margin-left:60px;}

.nav li { position: relative; /* background:url(../images/menubdr.jpg) right bottom no-repeat; */ }
.nav li a{ font-size:13px; font-family: 'OpenSansSemibold'; color:#fff; padding:5px 25px;  background:#c50008; text-align:center; text-transform:uppercase;}
.nav li a:hover, .nav li a.select{ color:#000 !important; background:#fff;  }
.nav li:first-child > a {padding:14px 29px;}
.nav > li:hover > a, .nav > a:hover { color:#000; background:#fff; }

.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
} 
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px; 
}
.nav li ul li {
	margin:1px 0px; padding:0px;
}
.nav > li.hover > ul {
    left:5px; width:200px; border-radius:0px 0px 6px 6px;background: #083768; padding-bottom:10px;
}
.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: #083768;
	color:#8cd1e1;
    position: relative; 
    z-index:100;
    border-top: 1px solid #175e4c;
	border-radius:0px; text-align:left; 
	text-shadow:none;
}
.nav li li li a {
    background:#315255;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
.nav li li a:hover {
    background:#d64e1d;
    z-index:200; color:#fff;
    border-top: 1px solid #1d7a62;
}





@media screen and (max-width: 1200px) {
	
.nav li a{padding: 5px 12px;}
	
	
	
}







@media screen and (max-width: 1050px) {
.nav {
	 display:block; float:none;
}

}


@media screen and (max-width: 991px) {

.toggleMenu { background:url(../images/menu.png) right center no-repeat;
    display:block;
    padding: 10px 15px;
    color: #fff; top:100px;
}

.nav li a{ text-align:left;}
   .nav li a br { color:#fff; display:none;}
	
	.nav li:first-child > a {padding:0px 12px;}
    .nav > li {
        float: none;/* background:#18414b;*/ 
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.home { width:100% !important; height:106px; padding:0px !important; position:absolute !important; margin-top:0px !important;}
    .home a, .home a:hover { width:100% !important; height:106px; background:transparent url(../images/home.png) left -15px no-repeat !important; }
}





