@charset "utf-8";
/* CSS Document */
/**{ padding:0px; margin:0px;}*/



.menu1 li{
list-style: none;
float: left;
position: relative;
height: 32px; z-index:9999999;
}

.menu1>li{
background-color: #30558e;
color:#000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}

.menu1 li:first-child{
border-left: none;
}

 .menu1 li:last-child{
 border-right: none;
 }

.menu1 a{
display: block;
text-decoration: none;
color: #ccc;
 padding:0 9px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
position: relative;
font-size: 13px;
line-height: 32px;
}

.menu1 a:hover{color:#000;
}


.menu1 li:hover{

background-color: #fff; color:#000; height:32px;
}

.menu1 li .active{

background-color: #fff;color:#000;
}


ul.menu-hover1{ height:28px;
visibility: hidden;
position: absolute;
top:100%;
opacity: 0;
height: 0;
width:150px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.menu1 li:hover .menu-hover1{ color:#000;
visibility: visible;
height: 100%;
opacity: 1;
}
.menu-hover1 li{ width:150px; color:#000;
height: 28px;
border-bottom: 1px solid #ddd;
background-color:#1c1c1c;
border-left: none;
border-right: none;
}

.menu-hover1 li:hover{ background-color:#f2f2f2;height: 28px;
	 color:#5f6162;
box-shadow: none;
}


@media (min-width: 320px) and (max-width: 767px){
.menu1 a{
display: block;
text-decoration: none;
color: #ccc;
 padding:0 8px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
position: relative;
font-size: 13px;
line-height: 32px;
}	
}

@media (min-width: 768px) and (max-width: 999px){
	
}