/* General menu styling */

#menu_duoi{  float:left; width:94%; border:1px solid #1589c9;margin:10px 0px 10px 0px
}


.nav2 {
position: relative;
margin: 0;
padding: 0;

line-height: 22px;

}
/* The main navigation link containers */
.nav2>li {
display: block;
float: left; /* Displaying them on the same line */
}
/* The main navigation links */
.nav2>li>a {
/* Layout */
display: block;
position: relative;
/* Text */
color: #1589c9;
font-size: 14px;

text-decoration: none;
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;

-ms-transition: color .3s ease-in;
text-transform:uppercase;
z-index:3;
 padding:5px 49px 5px 49px;

}
/* Changing the color on hover */
.nav2>li>a:hover, .nav2>li:hover>a {
color: #0fd0f9;
}

/* The links which contain dropdowns menu are wider, because they have a little arrow */

.nav2>.dropdown>a {


}

/* The arrow indicating the dropdown */

.dropdown>a::after {

content: "";

position: absolute;

top: 17px;

right: 10px;

width: 7px;

height: 7px;

-webkit-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

border-bottom: 1px solid #fff;

border-right: 1px solid #fff;

}

/* Changing the color of the arrow on hover */ 

.dropdown>a:hover::after, .dropdown:hover>a::after {

border-color: #0fd0f9;

}

/* The submenus */

.nav2 ul {

position: absolute;

margin: 0;
z-index:1;

padding: 0;

list-style: none;

display: block;

}

/* General layout settings for the link containers of the submenus */

.nav2 ul li {

position: absolute;

top: -9999px; /* Hiding them */

height: 0px;

display: block;

margin: 0;

padding: 0;

/* Making them to expand their height with a transition, for a slide effect */

-webkit-transition: height .2s ease-in;

-moz-transition: height .2s ease-in;

-o-transition: height .2s ease-in;

-ms-transition: height .2s ease-in;

}

/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */

.dropdown:hover>ul>li {

height: 30px;

position: relative;

top: auto;

}

/* The submenu links */

.nav2 ul li a {

/* Layout */

padding: 4px 20px;

width: 250px;

display: block;

position: relative;

/* Text */


color: #fff;

text-decoration: none;


/* Background & effects */

background:#FFF;

background:#788FA7;

-webkit-transition: color .3s ease-in, background .3s ease-in;

-moz-transition: color .3s ease-in, background .3s ease-in;

-o-transition: color .3s ease-in, background .3s ease-in;

-ms-transition: color .3s ease-in, background .3s ease-in;

}

/* Changing the link's color and background on hover */

.nav2 ul li:hover>a, .nav ul li a:hover {

color: #0fd0f9;

background: rgba(0, 0, 0, .75);

}

/* Making the level 2 (or higher) submenus to appear at the right of their parent */

.nav ul .dropdown:hover ul {

left: 160px;

top: 0px;

}

/* The submenu links have a different arrow which indicates another dropdown submenu */

.nav2 ul .dropdown a::after {

width: 6px;

height: 6px;

border-bottom: 0;

border-right: 1px solid #fff;

border-top: 1px solid #fff;

top: 12px;

}

/* Changing the color of the arrow on hover */

.nav2 ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after {

border-right: 1px solid #0fd0f9;

border-top: 1px solid #0fd0f9;

}