﻿.menu2,
.menu2 ul,
.menu2 li,
.menu2 a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.menu2 {
    height: 34px;
    width: 505px;
    margin-left:290px;
    padding-top:4px;
}
 
.menu2 li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 31px;
	margin-top:0px;
	background: #1c348b;
}

.menu2 li a {
    display: block;
    padding: 0 12px;
    line-height: 29px;
    text-decoration: none;
 
    border: 1px solid #384b91;
    font-weight: normal;
    font-size: 13px;
 
    color: #deaf54;
    
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 

 
.menu2 li:hover > a { background: #ffffff; }
.menu2 ul {
    position: absolute;
    top: 31px;
    left: 0;
    opacity: 0;
    background: #1f2024;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
 
.menu2 li:hover > ul { opacity: 1; }
 
.menu2 ul li {
    height: 0px;
    overflow: hidden;
    padding: 0px;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu2 li:hover > ul li {
    height: 31px;
    overflow: visible;
    padding: 0;
}
.menu2 ul li a {
    width: 140px;
    
    margin: 0;
 
    border: 1px solid #384b91;   
}
.menu2 ul li a::after {
	content:'';
}
.arrow a::after{
	content: url(../images/arrow.png);
	padding-left: 10px;
	padding-right: 1px;
}

