/*--------------------------------------*/


.menu{width:1040px; margin:0 auto; position:relative; top:1px; border-left:1px solid rgba(255,255,255,.2);}


.menu a{color:#dde6ee; text-decoration:none; float:left; padding:0 25px; text-shadow: 0 1px 0 rgba(0,0,0,.25);}

.menu a:hover{color:#fff; text-decoration:none; background:#184e7b;}/*root hover*/

.menu li{line-height:46px;  position:relative; float:left; z-index:1000; border-left:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(255,255,255,.2);}
.menu>li:last-child{border-right:1px solid rgba(0,0,0,.2);}
.menu>li:last-child a{border-right:1px solid rgba(255,255,255,.2);}

.menu ul{position:absolute; top:46px; left:-1px; z-index:9999; display:none; border:0px solid #d5d4d4; border-top:0; background:#184e7b;}
.menu ul li{ width:250px; float:none; border:0;}

.menu li li:first-child a{border-left:0;} .menu li li:last-child a{border-right:0;}

.menu ul li a, .menu li.menuhover li a, .menu li.menuhover li.menuhover li a{font-size:14px; color:#fff; line-height:24px; padding:7px 25px; float:none; display:block; border-top:0px solid #f1f2f5;
border-bottom:1px solid #194265; background:none;}

.menu ul li a:hover, .menu li.menuhover li a:hover, .menu li.menuhover li.menuhover li a:hover{color:#fff; background:#2158bf;} /*root hover*/


.menu ul ul{left:250px; top:-1px;}

.menu li.menuhover a, .menu li.menuhover li.menuhover a {color:#fff; background:#184e7b;} /*root active*/

/*.............................................*/

.menu a span {color:#aec3d4; text-align:center; line-height:20px; padding-top:3px; position:absolute; right:10px; top:10px; width:15px; background:#0f4068;}

.menu a:active, .menu a:focus{line-height:46px;}
.menu ul li a:active, .menu li.menuhover li a:active, .menu li.menuhover li.menuhover li a:active
.menu ul li a:focus, .menu li.menuhover li a:focus, .menu li.menuhover li.menuhover li a:focus
{line-height:46px; padding:0 25px; top:0;}